参考vuejs的官方文档:戳我
1. 安装nodejs
- nodejs官方下载地址:戳我
- 选择合适的版本下载,我这里选的是
node-v8.11.3-x64.msi
- 安装路径一般不装在C盘,所以我这里选择:
D:\nodejs\
- 一路
next
默认等待安装完毕
2. 设置nodejs的global和cache路径
设置路径能够把通过npm安装的模块集中在一起,便于管理。
- 在nodejs的安装目录
D:\nodejs\
下,新建node_global
和node_cache
两个文件夹 执行指令:
npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache"
设置成功后,后续用命令
npm install -g XXX
安装的XXX模块就在D:\nodejs\node_global\node_modules
里。查看配置信息指令:
npm config list
3. 设置环境变量
- 添加用户变量
PATH
:D:\nodejs\node_global
- 新增系统变量
NODE_PATH
:D:\nodejs\node_global\node_modules
4. 安装cnpm(可选)
由于许多npm包都在国外,直接使用npm指令下载安装会比较慢,好像很多人推荐用淘宝的镜像服务器,这样所有用npm的指令都可以用cnpm代替。我个人喜欢直接用npm所以没有安装,实测其实npm也挺快的啊=。=不想安装的小伙伴就跳过即可
- 参考网址:戳我
- 安装指令:
npm install -g cnpm --registry=https://registry.npm.taobao.org
备注:-g
表示下载安装的包都放在之前配置好的安装目录下,否则就会在执行指令的当前目录下
5. 安装vue-cli
vue-cli
是vuejs官方提供的一个命令行工具- 安装指令:
npm install -g vue-cli
- 安装完成后,
vue
就是一个指令了
D:\nodejs\node_global
λ npm install -g vue-cli
npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
D:\nodejs\node_global\vue -> D:\nodejs