Vue项目从安装到运行

一.关于安装

1. 安装node环境： https://nodejs.org/en/
2. 在安装node时，npm会自动安装
3. 在命令行查看node和npm是否成功安装       
4. 安装npm淘宝镜像，命令行输入：npm install -g cnpm --registry=https://registry.npm.taobao.org
5. 安装webpack(版本不要太高，3.6.0和2.9.1就可以），命令行输入：npm install webpack -g
6. 安装vue-cli脚手架 命令行中：npm install -g vue-cli
7. 初始化项目，vue init webpack abc(abc是项目的名字）
8. 然后根据命令行里的提示cd abc，npm run dev等依次在命令行输入就可以，最后在浏览器中输入网址，就可以看到vue图标啦

 

二.关于环境变量的配置

1. 控制面板->高级系统设置->环境变量

2. 系统变量（而不是用户变量）的设置：

• 点击 -> Path -> 编辑：

• 我安装位置在Ｅ盘：Path中新建，将自己下载的npm等环境配置，如下：

• 如果没有node_cache和node_global两个文件夹，自己手动新建就可以：

• 在Path中编辑完后点击确认就可以了，然后依然还是在系统变量里，“新建” NODE_PATH 变量 就可以了：