1. 下载和安装node
- 下载地址:Node.js (nodejs.org)
- 安装步骤
2. 配置默认安装目录和缓存日志目录
-
在node.js安装目录下创建默认安装目录(node_global)和缓存日志目录(node_cache)
-
执行命令,将npm的全局模块目录和缓存目录配置到刚才创建的那两个目录
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
npm config get prefix查看npm全局安装包保存路径
npm config get cache查看npm装包缓存路径
npm config list查看所有npm 配置
3. 配置node环境变量
- 我的电脑 - 右键 - 属性 - 高级系统设置 - 高级 - 环境变量,进入环境变量对话框
- 系统变量 下新建 NODE_PATH,输入D:\nodejs\node_global\node_modules
- 系统变量 下的 Path 添加上node的路径 D:\nodejs\,其实安装node的时候默认就会添加上
- 用户变量 下的 Path 添加上 D:\nodejs\node_global,这是nodejs默认的模块调用路径
4. 更换淘宝镜像
有时候默认镜像比较慢,可以更换为淘宝镜像 更换
npm config set registry https://registry.npm.taobao.org/
查看
npm config get registry
5. 修改node安装目录权限
需要修改node安装目录的权限,否则每次全局安装包或者创建vue项目的时候,都需要使用管理员权限
右击node安装目录,选择属性,选择安全
编辑
选择修改和写入,点击应用,然后确认
5. 全局安装vue脚手架
npm install -g @vue/cli
安装完成后,在截图的目录中就可以看到全局安装的vue脚手架了