配置node环境

843 阅读1分钟

1. 下载和安装node

image.png

image.png

image.png

image.png

2. 配置默认安装目录和缓存日志目录

  • 在node.js安装目录下创建默认安装目录(node_global)和缓存日志目录(node_cache) image.png

  • 执行命令,将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环境变量

  • 我的电脑 - 右键 - 属性 - 高级系统设置 - 高级 - 环境变量,进入环境变量对话框

image.png

image.png

  • 系统变量 下新建 NODE_PATH,输入D:\nodejs\node_global\node_modules

image.png

  • 系统变量 下的 Path 添加上node的路径 D:\nodejs\,其实安装node的时候默认就会添加上

image.png

  • 用户变量 下的 Path 添加上 D:\nodejs\node_global,这是nodejs默认的模块调用路径

image.png

4. 更换淘宝镜像

有时候默认镜像比较慢,可以更换为淘宝镜像 更换

npm config set registry https://registry.npm.taobao.org/

查看

npm config get registry

5. 修改node安装目录权限

需要修改node安装目录的权限,否则每次全局安装包或者创建vue项目的时候,都需要使用管理员权限

右击node安装目录,选择属性,选择安全

image.png

编辑

image.png

选择修改和写入,点击应用,然后确认

image.png

5. 全局安装vue脚手架

npm install -g @vue/cli

安装完成后,在截图的目录中就可以看到全局安装的vue脚手架了 image.png