vue环境的配置
配置环境变量1.首先下载Node.js安装包(msi)这里根据自己的系统去node官网http://nodejs.cn/download下载相应的msi包 =>双击运行 (改变安装路径可以放在自己理想的盘符)=>猛点下一步。2.安装后,打开运行命令窗口,输入cmd。输入node -v,测试是否安装成功,会输出版本信息。3.新的node.js已经集成了npm,所以npm也一并装好了,输入
配置环境变量:
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
公众号:
更多推荐
所有评论(0)