npm 第1章 NVM for Windows npm 第1章 NVM for Windows

2023-07-06

一、NVM

NVM 是 Node Version Manager 的缩写。这是一个管理 node 的工具,可以实现同时安装多个版本的node 并且可以来回切换,方便测试 npm 包在不同 node 版本下的表现。

二、安装

安装非常简单粗暴,下载 nvm-windows 安装包,傻瓜式安装即可。

根据官方说明,安装前需要删除本机已经安装的 node/npm。

测试下是否安装成功

nvm -v

三、常用指令

列出所有安装的 node 版本,带*号的是当前正在使用的

nvm list

列出所有可以安装的 node 版本

nvm list available

安装指定的 node 版本

nvm install 版本号

切换到指定的 node 版本

nvm use 版本号

卸载指定的 node 版本

nvm uninstall 版本号

镜像配置:由于网络或者是墙的原因导致使用 nvm 下载 node 和 npm 很慢甚至失败,试试淘宝镜像

nvm node_mirror https://npm.taobao.org/mirrors/node/

nvm npm_mirror https://npm.taobao.org/mirrors/npm/

四、Node/NPM

nvm 安装配置已经完成,可以开始安装 node/npm 了。

安装最新 LTS 版本:安装最新的 LTS 版本的 node,npm 也会随着一起安装。

nvm list available

https://file.lulublog.cn/images/3/2023/07/bDziMzkBAM0zCAKrd5arDkrOrABV4m.jpg

nvm install 18.16.1

https://file.lulublog.cn/images/3/2023/07/VdVEZX7FCxfYRsbtRRLrxt7r3aTtDB.jpg

然后使用它

nvm use 18.16.1
nvm list
node -v
npm -v

https://file.lulublog.cn/images/3/2023/07/fLMLzZBBF92lbV93JVb29BLblT2Vbz.jpg

rebuild node-sass

npm rebuild node-sass

sass-loader

npm i sass-loader node-sass --save-dev

五、npm 设置

配置 npm 缓存路径和全局安装路径

npm config set cache D:\Software\nvm\node_cache
npm config set prefix D:\Software\nvm\node_global

查看 npm 缓存路径和全局安装路径

npm config get cache
npm config get prefix

设置 npm 镜像

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

查看 npm 镜像

npm config get registry

也可以临时替换成淘宝镜像,例如用淘宝镜像来下载 yarn 包

npm install -g yarn --registry=https://registry.npm.taobao.org

六、nrm

NRM 是 NPM Registry Manager 的缩写。用来管理 npm 各种镜像用的,也许你需要经常在几个源之间切换,比如用淘宝源下载包,用 npm 官方的源或者公司自己的源来发布包,那使用 nrm 还是比较方便的。

下载 nrm 模块

npm i -g nrm

高版本的 node 可能会导致 nrm 无法使用

常用命令

列出所有源

nrm ls

切换源

nrm use taobao

添加源

nrm add 源名字 源地址

删除源

nrm del 源名字

七、gulp

使用 Gulp 进行任务自动化可以让前端开发人员更加高效地构建和管理自己的项目,并可以大大减少重复的手动操作。

npm install -g gulp

全局安装

npm i gulp -g

局部安装

npm i gulp -D

安装指定版本的 gulp

npm install -g gulp@3.9.1 --force

npm install -g gulp@4.0.2 --force

npm install --save-dev gulp@3.9.1

npm install -save-dev gulp@4

npm install gulp@4.0.2 --save

创建工程:创建一个空白的项目,并在项目的根目录下用如下命令生成一个名为 package.json 的文件。 在 package.json 文件中添加必要的依赖,以及“gulp”作为开发依赖。

npm init
npm install gulp --save-dev

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开微信扫一扫,即可进行扫码打赏哦

阅读 275

带到手机上看