【Vue】vue开发环境搭建及新建项目vue开发环境搭建共需要以下几个步骤： 1.安装node.js 到Node.js官

vue开发环境搭建共需要以下几个步骤：

到Node.js官网：nodejs.org/zh-cn/ 下载LTS安装包（这里是最新版本）

如图所示：

如果需要其他版本，可到node.js中文网下载npm.taobao.org/mirrors/nod…

如图所示：

下载完以后，双击安装包安装node.js，安装路径根据需要变更，其他点击next即可

如图所示：

安装完以后检查node.js与npm是否安装成功（npm已经包含在node的安装里了），打开cmd，输入命令：node -v检查node，输入命令：npm -v检查npm，出现版本号即安装成功

如图所示：

找到nodejs的安装路径，在该路径下，新建node_global和node_cache两个文件夹

如图所示：

新建完文件以后，打开cmd

设置缓存路径：npm config set cache "D:\Program Files\nodejs\node_cache"

设置全局模块存放路径：npm config set prefix "D:\Program Files\nodejs\node_global"

如图所示：

设置成功后，之后用命令npm install XXX -g全局安装的模块就会放在D:\Program Files\nodejs\node_global里

因为国内使用npm非常慢，所以推荐使用淘宝镜像cnpm

打开cmd,输入命令：npm install -g cnpm --registry=registry.npm.taobao.org

如图所示：

设置环境变量可以使在任意目录下都可以使用node、vue等命令，而不需要输入全路径，

鼠标右键"计算机"->“属性”->“高级系统设置”->“环境变量”

Path增加,D:\Program Files\nodejs\node_global

新建NODE_PATH，值为D:\Program Files\nodejs\node_modules

需要先关闭cmd窗口，再次打开cmd，执行vue安装命令：cnpm install vue -g

如图所示：

旧版本（1.x 或 2.x）的安装命令：npm install vue-cli -g

新版本的安装命令：cnpm install -g vue@cli

所以可以先执行vue --version检查版本信息再安装脚手架:

如果报错，执行以下三个命令即可完成安装：

执行： npm i npm -g

再执行：npm i @vue/cli -g

最后执行：cnpm i @vue/cli -g

在电脑的任何位置新建一个项目目录，打开cmd进入该项目目录

执行命令：vue create first，直接回车创建项目名称为first的vue项目

如图所示：

执行cd first进入项目

执行npm run serve启动项目

如图所示：

如图所示：