Vue脚手架的安装配置以及使用

安装Vue脚手架

1.需要安装nodejs支持

去nodejs官网下载对应版本的nodejs，可以使用installer，选择安装目录点击安装，也可以使用binary文件，直接选择文件夹解压缩。

安装完成后如上图所示。
然后配置环境变量：
1：添加NODE_PATH,变量值为nodejs的安装路径.

2添加Path属性，新增两天记录

打开cmd窗口测试，输入node -v，nmp -v如果出现以下结果代表安装完成。

2,。设置node_cache 和 node_globel
创建完两个空文件夹之后，打开cmd命令窗口，输入

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

地址自定义一个。cache文件夹是用来保存使用npm命令下载和缓存的文件的。

然后配置环境变量，添加Path

在控制台中输入命令：npm config ls,如果出现以下结果代表配置成功。

3.修改npm下载库，使用taobao镜像下载

npm config set registry http://registry.npm.taobao.org/

查看镜像地址：npm config get registry，出现taobao则代表配置成功。

使用npm命令安装vue脚手架。
使用命令：npm install -g vue-cli 安装vue-cli 2版本
如要安装3版本的脚手架则是 ：npm install -g @vue/cli
安装完成后配置环境变量Path，添加安装vue的目录去Path下面。我的是这里：
在cmd窗口中运行vue --version ,如果出现版本号，这代表安装配置成功，如果错误，可以使用管理员模式运行cmd窗口再次尝试。

使用vue脚手架搭建项目
打开开发环境，我这里使用的是VSCode，打开终端，输入vue init webpack hello 创建一个脚手架项目。构建完成后npm start 启动项目，如果出现以下界面，表示启动成功。