vue环境的配置

配置环境变量：

1.首先下载Node.js安装包(msi)

这里根据自己的系统去node官网http://nodejs.cn/download

下载相应的msi包 =>双击运行（改变安装路径可以放在自己理想的盘符）=>猛点下一步。

2.安装后，打开运行命令窗口，输入cmd。输入node -v,测试是否安装成功，会输出版本信息。

3.新的node.js已经集成了npm，所以npm也一并装好了，输入npm -v测试，会输出版本信息。

4.在刚才node.js的安装目录下新建两个文件夹node_global和node_cache

5.命令行输入

npm config set prefix "D:\Node\node_global"    //这里的路径改为自己刚才新建的文件路径

npm config set cache "D:\Node\node_cache"    //这里的路径改为自己刚才新建的文件路径

6.在用户变量里面编辑PATH的变量,值为:D:\Node\node_global（这个路径是你新建的node_global文件夹的路径）

7.然后在系统变量里新建一个NODE_PATH的变量，值为D:\Node\node_global\node_modules（这个路径是刚才新建的node_global文件夹的路径，node_modules 必须加上，没有也没有关系）

8. 安装express，命令行输入：:npm install express -g 等待执行完毕，如果感觉npm慢，可以使用淘宝镜像cnpm  //eg: cnpm install express -g

9. 命令行键入：express -V  ps: V大写，express 4.x版本以上会提示 "express"不是内部或外部命令，也不是可运行命令或批处理文件，出现这种情况命令行输入：npm install -g express-generator  等待执行完毕，关闭命令提示符重新进入。

10. 重新键入：express --version  出现版本信息证明环境配置完成。

11. 安装vuejs，命令行键入：npm install vue-g

12. 安装vuejs脚手架工具，命令行键入：npm installvue-cli -g

 

命令行：

新建vuejs项目

npm init vue webpack 项目名        //项目名最好为英文

cd 项目名                        //切换到项目下

npm run dev                     //启动项目

Vue-cli 完整的项目文件

QQ群:553997290   

公众号: