npm环境变量配置及vue-cli脚手架安装

修改NPM全局安装的默认路径（不要轻易操作）

查看当前的全局安装路径

npm config ls

安装指定的目录安装node.js，例如： c:\nodejs。

node.js安装完成之后，需要在 c:\node.js 目录下创建两个文件夹：

c:\nodejs\node_global
c:\nodejs\node_cache

文件夹创建成功后，执行命令：

# 配置默认的全局安装路径
npm config set prefix "c:\nodejs\node_global"
npm config set cache "c:\nodejs\node_cache"

# 配置默认的镜像
npm config set registry https://registry.npm.taobao.org

执行成功后，再次运行 npm config ls 查看是否配置成功，如果没有问题，将以下两个目录配置到全局系统变量中：

c:\nodejs
c:\nodejs\node_global

以上步骤执行完成后，可以尝试一下是否能安装到指定的目录，例如：

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm 下载完成后，去 c:\nodejs\node_global 目录下查看是否安装成功。

安装Vue-cli脚手架

安装命令：

cnpm i @vue/cli -g

使用脚手架创建项目

先创建管理项目的目录，例如： d:\prject ，目录创建完成后，在该目录下打开命令行工具。

执行：

vue create 项目名

按照以下步骤执行：

第1步：自定义安装还是使用默认安装

选择第三个默认安装

第2步：选择安装的模块

第3步：选择Vue的版本，使用2.x

第4步：选择路由模式是否为history模式
yes

第5步：配置文件的类型

in package.json

第6步：是否将安装流程保存为安装模板

no

上面步骤执行完成后，依次按回车，会进入下载的步骤。

项目安装完成后，会出现以下界面：如果中间没有报错信息，即项目安装成功，然后执行：

# 进入项目
cd myapp

# 启动项目
npm run serve