Vue环境搭建补充

一、名词介绍

nvm ：node version manager -> node 版本管理工具

npm ：node package manager -> node 打包管理工具

nrm ：npm registry manager - > npm 镜像管理工具

二、安装

1.安装nvm

1)命令行输入

brew install nvm

出现下图表示安装完成，但要进行相关提示操作

image.png

2）按照提示 ->检查nvm的工作空间是否存在 不存在就创建

You should create NVM's working directory if it doesn't exist:

• 检查工作目录是否存在(按下面指令操作)

1. cd ～ // 这个命令在终端任意路径可用 意思是进入到当前用户的跟路径

2. ls -la // 在用户跟路径查看全部路径

3.查看文件名称目录列表，如果存在.nvm则不需要新建目录 如果不存在 则使用mkdir创建

mkdir ~/.nvm

4. 执行第二步，确认.nvm文件创建成功

3）按照提示 ->继续配置 nvm的环境变量

Add the following to ~/.bash_profile or your desired shell

configuration file:(粘贴下面的内容到bash_profile的配置文件中)

export NVM_DIR="$HOME/.nvm"

[ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh" # This loads nvm

[ -s "/usr/local/opt/nvm/etc/bash_completion.d/nvm" ] && . "/usr/local/opt/nvm/etc/bash_completion.d/nvm" # This loads nvm bash_completion

• 进入/.bash_profile，输入vim ~/.bash_profile，
• 按i进入编辑状态，复制粘贴上面的内容，
• 编辑完成后 :wq退出，
• 并 执行 source ~/.bash_profile

4）完成操作后 通过

echo $NVM_DIR

检查 nvm环境变量是否 生效输出/Users/xxx/.nvm 说明生效了

环境变量配置完成后

nvm ls 命令可查看当前nvm中 管理的node版本

image

二、使用nvm 安装node

1、查找可安装的 node 长期维护版本：nvm ls-remote --lt

image

2.node相关常用命令行

• 查看所有安装版本：nvm ls

• 选择长期支持版本安装： nvm install v12.16.1

• 安装指定版本的node ： nvm install 8.0.0

• 使用指定node版本： nvm use 8.0

• 使用指定版本 运行js程序：nvm run 6.10.3 app.js

• 设置环境默认node版本 ：nvm alias default 8.1.0

• 一直使用最新版本node作为默认版本 ：nvm alias default node

⚠️注意：
1）默认版本将在所有的工作空间生效
2）use命令只会在当前的命令窗口生效
3）node 安装完成后 自带npm

三、使用npm安装 nrm管理 镜像

1.安装nom

npm install nrm -g

2.安装完成后查看镜像列表。

nrm ls

3.使用下面操作可以快速切换镜像源

nrm use taobao