Vue环境安装方法（一）

最新推荐文章于 2025-01-16 13:44:04 发布

乙只

最新推荐文章于 2025-01-16 13:44:04 发布

阅读量175

点赞数

CC 4.0 BY-SA版权

文章标签： Vue

本文链接：https://blog.youkuaiyun.com/qq_40664253/article/details/88703467

本文介绍了Vue开发环境的安装步骤。首先要安装Node.js并检查，接着安装淘宝镜像，再安装vue脚手架。然后创建项目文件夹，若创建项目报错需安装依赖。最后在终端输入相关命令，若跳转浏览器出现特定页面，则表明Vue环境安装成功。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装Node.js，进入cmd输入node -v 检查是否安装好。
安装淘宝镜像，在cmd里输入npm install -g cnpm--registry=https://registry.npm.taobao.org,这时候再输入cnpm -v检查是否安装好。
安装vue脚手架，在cmd里输入cnpm install –g vue-cli 。
打开创建项目，Vue init webpack vuedemo01（我这里的文件夹命名为vuedemo01，除了在cmd中创建文件夹，你还可以直接在D盘新建一个名为Vue的文件夹，接着在Vue里创建名为vuedemo01的文件夹）。
安装依赖，在cmd创建项目时如果报错，就要创建依赖啦，用visual studio code打开所创建的文件夹Vue,点击左下角的叉号—>点击终端，输入cnpm install --save-dev webpack,回车，输入Vue init webpack vuedemo01,回车，遇到Use ESLint to lint your code?时选择No,其他的就回车。
出现如图红框所示，继续输入Cd vuedemo01，回车，输入Cnpm install，回车，输入cnpm run dev，此时跳转浏览器页面为若出现此页面，恭喜，少年！你的Vue环境安装成功~~~