真以为Node安装只是next next next?带你掌握更多姿势(亲测)

594 阅读2分钟

相信在座的小伙伴电脑里应该都安装有Node,安装确实简单,长久考虑还是应该这样操作。

  • 青铜操作 :next next next
  • 王者操作:node npm yarn config set 环境变量
骚操作的优点:
  • 下载包速度快、极少奔溃
  • 不占用C盘太多空间
  • 可以自定义存储路径
  • 又涨姿势了

一、简单安装

最简单粗暴的就是我们直接去英文官网下载LTS版,及稳定的长期支持的版本,next next next Node 官网https://nodejs.org/en/ 在这里插入图片描述 cmd 命令行看下版本号 node -v,看到版本号就ok了 在这里插入图片描述

注意点:

当我们不设置的时候,npm装的一些全局的包都会安装到这个目录下 时间长了C盘空间就莫名其妙的大了很多 在这里插入图片描述 所以我们可以在nodejs目录下创建两个文件放他们,一个放全局的包node_global,一个放暂存文件node_cache,后面会讲到怎么来操作他们 在这里插入图片描述

二、环境变量设置

创建两个文件后,拿到这两个文件路径
全局包路径: "E:\download-work\nodejs\node_global"
暂存路径: "E:\download-work\nodejs\node_cache"

然后我们就可以更改环境变量了。

用户变量

路径: 我的电脑属性---高级设置---高级---环境变量 安装node时候会默认给环境变量,用户变量的path里添加一个路径 在这里插入图片描述 这时候把上面用户环境变量的path的路径,改成“E:\download-work\nodejs\node_global” 在这里插入图片描述

系统变量

新建一个系统变量,NODE_PATH 放入我们的全局路径,加上node_modules "E:\download-work\nodejs\node_global\node_modules" 在这里插入图片描述 然后确定 确定 确定 ,环境变量就配置好了

三、npm的优化

npm进行配置项设置

我们先设置npm的全局包路径和暂存路径

npm config set prefix "E:\download-work\nodejs\node_global"
npm config set cache "E:\download-work\nodejs\node_cache"

再执行npm config list 查看配置项,发现已经设置完成 在这里插入图片描述 如果我不想设置了想还原怎么办呢? C:\Users\用户 下找到.npmrc 文件 直接将配置删除就行了,或者更改为刚开始的默认值 在这里插入图片描述

npm yarn 设置淘宝镜像

我们还可以把npm 升级一波,用npm 和 yarn设置成淘宝镜像 至于好处嘛,谁用谁知道

npm config set registry "https://registry.npm.taobao.org"
//跟cnpm一样的效果

设置成功的话我们 yarn config list 看下配置,被设置过的npm 的config就变成我们想要的样子,yarn的话可以同样配置 在这里插入图片描述 npm我们也配置完了 最后我们试着更新了全局的npm,npm install -g npm 在这里插入图片描述 我们在D盘项目进行全局安装, 安装的包成功的进入了我们上面配置好的“E:\download-work\nodejs\node_global\node_modules”目录下 妈妈再也不用担心我C盘变小了

以上就是Node安装的完整流程,用后谁都说爽。