1、 安装node.js
下载地址:http://nodejs.cn/download/
选择安装的位置:
一直点击next安装完成即可。
2、 设置环境变量
计算机(右键) -> 属性 -> 高级系统设置 -> 环境变量
在Path中添加node.js的目录
输入:node –v验证
3、 设置nodejs prefix(全局)和cache(缓存)路径
新建node_global和node_cache两个文件夹,这里放在了node.js的安装目录,如下所示:
4、 设置
设置缓存文件夹
npm config set cache "D:\Develop\nodejs\node\node_cache"
设置全局模块存放路径
npm config set prefix "D:\Develop\nodejs\node\node_global"
注:设置成功后,之后用命令npm install *** -g安装以后模块就在D:\Develop\nodejs\node\node_global里
5、 安装cnpm(淘宝镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
执行完之后,在D:\Develop\nodejs\node\node_global中可以看到如下文件:
将该目录也添加至环境变量,进入cmd,输入cnpm –v
6、 安装vue
cnpm install vue -g
7、 安装vue命令行工具,即vue-cli 脚手架
cnpm install vue-cli -g
8、 新建第一个项目
vue init webpack 项目名
9、 启动
切换到项目的目录
cd No1_Project
cnpm install
cnpm run dev
访问:http://localhost:8080