nvm、node、vue环境整理职业生涯告别仪式系列——时刻准备着第一篇文字整理。老祖宗说“好记性不如烂笔头”。忘记的

职业生涯告别仪式系列——时刻准备着

第一篇文字整理。老祖宗说“好记性不如烂笔头”。忘记的边缘，留作纪念。

环境变量（历史备忘）

因为我机器上是有这些安装的，历史较久，整理环境前，不管有用没用，先把本机中已存在的各个环境变量都备忘一下。以后可做个参考是否遗漏。

以前总是每次整理环境每次现查......现在，(⊙o⊙)…，记下来吧，别挣扎了。

nvm、npm、node相关环境变量

NVM_HOME：D:\Enviroment\nvm

NVM_SYMLINK：D:\Enviroment\nodejs

NPM_HOME：D:\Enviroment\nvm\npm(这个不明白)

NODE_PATH：D:\Enviroment\nvm\node_global\node_modules

NODE_OPTIONS：--max_old_space_size=4096

nvm版本管理安装全过程

各个工具下载情况

一、安装nvm

1，官网下载nvm安装包。

nvm 一个node版本管理工具！

NVM下载地址

nvm.uihtm.com/

nvm 使用安装包：nvm-1.1.12-setup.zip

2，规划安装路径

nvm 安装路径规划为：D:\Enviroment\nvm

3，安装nvm(含修改nvm镜像设置)

参考官网说明，安装nvm，为便于后续安装node，可修改nvm安装路径下的 settings.txt文件，设置镜像

root: D:\Enviroment\nvm
path: D:\Enviroment\nodejs
nvm npm_mirror https://npmmirror.com/mirrors/npm/
nvm node_mirror https://npmmirror.com/mirrors/node/

4，nvm命令解读

nvm命令提示

nvm arch：显示node是运行在32位还是64位。
nvm install <version> [arch] ：安装node， version是特定版本也可以是最新稳定版本latest。可选参数arch指定安装32位还是64位版本，默认是系统位数。可以添加--insecure绕过远程服务器的SSL。  
nvm list [available] ：显示已安装的列表。可选参数available，显示可安装的所有版本。list可简化为ls   
nvm on ：开启node.js版本管理。    
nvm off ：关闭node.js版本管理。
nvm proxy [url] ：设置下载代理。不加可选参数url，显示当前代理。将url设置为none则移除代理。
nvm node_mirror [url] ：设置node镜像。默认是https://nodejs.org/dist/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作。
nvm npm_mirror [url] ：设置npm镜像。https://github.com/npm/cli/archive/。如果不写url，则使用默认url。设置后可至安装目录settings.txt文件查看，也可直接在该文件操作。
nvm uninstall <version> ：卸载指定版本node。
nvm use [version] [arch] ：使用制定版本node。可指定32/64位。
nvm root [path] ：设置存储不同版本node的目录。如果未设置，默认使用当前目录。
nvm version ：显示nvm版本。version可简化为v。

5，安装各版本node

查看可安装node列表并安装各个所需版本的node

nvm list available

nvm install 10.24.1

nvm install 14.21.3

6，完成并启用

查看已安装的各个版本并启用其中需要的版本

nvm list

nvm use 10.24.1

带 * 标识的是当前启用的node版本。

7，附录：查看node和npm 版本关系

如下地址可查看node和npm 版本关系

node版本和npm版本对照关系

nodejs.org/en/about/pr…

二、镜像地址相关

1，首先备份路径【C:\Users\Administrator\】下的.npmrc文件。后续安装好后，涉及站点配置时，参考这里。

sass_binary_site=https://cdn.npmmirror.com/binaries/node-sass
prefix=D:\Enviroment\nvm\npm
cache=D:\Enviroment\nvm\npm_cache
registry=https://registry.npmmirror.com/

2，nvm安装了路径下的【settings.txt】文件同样重要，其中有nvm使用的镜像配置(官网亦有说明)。

root: D:\Enviroment\nvm path: D:\Enviroment\nodejs node_mirror: registry.npmmirror.com/mirrors/nod… npm_mirror: registry.npmmirror.com/mirrors/npm…

3,资源库镜像相关

npm和yarn默认是从国外源站拉取依赖包的，为提高下载速度和稳定性，建议配置为国内镜像源。

查看资源库位置： yarn config get registry

yarn registry国内镜像： yarn config set registry https://registry.npmmirror.com

npm registry国内镜像： npm config set registry https://registry.npmmirror.com

npm config set registry http://registry.npmjs.org/

yarn node-sass国内镜像： yarn config set sass_binary_site https://npmmirror.com/mirrors/node-sass/

npm node-sass国内镜像： npm config set sass_binary_site https://npmmirror.com/mirrors/node-sass/

一个旧工程的构建运行记录

版本说明

nvm:1.1.12
node:10.24.1
npm:6.14.12
yarn:1.22.17
node-sass:4.9.0

执行的系列命令

yarn cache clean

yarn add node-sass@4.9.0

yarn install

yarn serve

nvm、node、vue环境整理