创建vue项目前需要做的工作

从下载vue到安装node.js到创建vue项目过程
1.安装node.js ====》node官网下载

2.下载好之后，开始安装node.js





安装完成
3.查看是否安装成功(本人安装的时候是在E盘中)
输入CMD之后点击Enter键弹出dos命令窗口


输入命令node -v 查看版本，本身npm管理工具包也在node.js中，也可以查看npm的版本输入 npm -v

4.打开node.js安装目录

其中node_cache和node_global文件是自己手动添加的两个文件夹
网上有使用命令创建如:

     npm config set prefix "E:\nodejs\node_global" //创建node_global
	 npm config set cache "E:\nodejs\node_cache"//创建node_cache

同样使用命令要打开windows命令窗口，首先要进入到你的node.js安装所在的盘中,分别使用以上两个命令创建，我的是E盘,根据自己的盘而定
创建好之后我们需要去配置系统的环境变量



进入环境变量的设置界面设置之后
我们先看用户变量的path，这个时候的path是在安装node.js时候选择Add to path时默认安装的路径，我们把path重新编辑，改成E:\nodejs\node_global文件夹下
然后再看系统变量
新建一个NODE_PATH,值为E:nodejs\node_global\node_modules

我们选择Add to path时就创建好系统路径如下

环境变量配置完成
5.测试我们的配置是否正确
打开windows命令窗口输入

npm install express -g //将express模板安装到E:\nodejs\node_global\node_modules\下

成功安装上了
6.在windows命令窗口进入E盘，输入node进入再输入require(‘express’)

如果出来如上，则成功了
如果出错，检查NODE_PATH的值是否正确
7.安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org   //在命令窗口输入这行命令

这样表示成功安装了
8.查看cnpm版本

cnpm -v

9.开始安装vue脚手架

cnpm install -g @vue/cli    //安装脚手架vue

10.继续安装webpack(JavaScript打包器)

cnpm install -g webpack    //安装命令

安装完成了
11.创建vue项目
通过

vue ui //命令启动vue-cli图形管理化界面

点击创建一个新项目按钮


点击下一步创建

创建…