一、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
nvm install 18.16.1
然后使用它
nvm use 18.16.1
nvm list
node -v
npm -v
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