Node安装

设置路径

由于使用npm下载包时会将默认将包下载到C盘，因此为了防止减少C盘使用空间，需要将node包全局安装位置和安装缓存设置到其他盘。

npm config set prefix "D:\node18\node_global"
npm config set cache "D:\node18\node_cache"

E:\Program Files\nodejs换为node安装位置

设置镜像

使用node安装包的时候会使用到国外的镜像网络下载，所以下载的时候会很慢，该为淘宝的镜像可以加速下载

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

npm config set registry http://registry.npmmirror.com  // 最新版

环境变量

将目录下的node_global文件夹路径添加到系统的环境变量中

D:\node18\node_global

常见问题

Error: EPERM: operation not permitted, mkdir ‘D:\node18\node_cache_cacache’

  1. 找到node安装目录，这里安装到D:\node18

  2. 右键选择属性

  3. 点击安全

  4. 选择Users(...)，点击编辑
    image-20231005005603072

  5. 选择完全控制，点击应用，推出即可
    image-20231005005705737

安装包

安装选项

  1. --save ：将安装的包添加到项目的依赖中。这些依赖是在生产环境中运行时所需的包。安装后的包信息会被记录在项目的 package.json 文件中的 dependencies 部分。

  2. --global ：将包安装为全局包，而不是项目的依赖。全局包可以在命令行中直接使用，而不需要在项目中引入。这对于安装一些常用的工具或命令行程序很有用。

  3. --force ：强制安装包，即使已经存在相同版本的包。这在需要覆盖或更新现有包时很有用。

  4. --registry ：指定要使用的npm注册表的URL。默认情况下，npm使用官方的npm注册表，但您可以使用自定义的注册表。

  5. --dry-run ：模拟运行安装过程，而不实际安装包。这可以帮助您查看将要安装的包及其依赖关系，以便在实际安装之前进行检查。

这些选项也可以组合使用，例如 --save-dev --force 。可以通过运行 npm help install 命令来查看更多npm安装命令的选项和说明。

–save-dev

在使用npm安装包时， --save-dev 是一个选项，用于将安装的包添加到项目的开发依赖中。开发依赖是指仅在开发过程中需要使用的包，而不是在生产环境中运行时所需的包。

当您在开发过程中使用某个包来编写代码、运行测试、构建项目等时，您可以使用 --save-dev 选项将其添加到开发依赖中。这样，在其他开发人员或部署项目时，他们可以通过简单地运行 npm install 命令来安装所有开发依赖。

使用 --save-dev 选项安装的包信息会被记录在项目的 package.json 文件中的 devDependencies 部分。这样，当其他人或您自己在新环境中进行项目部署时，只需运行 npm install 命令，npm会自动安装 devDependencies 中列出的包。

总结来说， --save-dev 选项用于将包添加到项目的开发依赖中，以便在开发过程中使用，并在部署或共享项目时方便其他人安装相同的开发依赖。

Vscode插件推荐

NPM-Script

image-20231006020502655

安装完成后在文件管理器下会看到NPM SCRIPTS的标签栏，其中所显示的命令为当前项目的package.json文件中的scripts中的命令

image-20231006020733967

点击标签栏的start命令相当于执行npm run start命令

但是一般情况下会执行auto run start，因此要到设置中将auto改为npm

image-20231006020952200

Node包推荐

nvm

Linux版本安装

nvm官网Linux安装：https://nvm.p6p.net/install/linux.html

nvm-windows

node的版本管理器，可以在同一台机器上安装不同版本的node，用于适应某些包因为不同的node版本而导致不能使用或者下载。

安装

到GitHub上安装最新的nvm-windows，nvm-setup.zip文件，Releases · coreybutler/nvm-windows (github.com)

选择nvm安装路径

选择node的安装路径

配置

代理配置

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

新镜像
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

配置全局的npm

npm config set prefix "E:\nvm\npm"

使用

命令 备注
nvm list 查看已安装的node版本
nvm list available 查看网络可安装的node版本
nvm install 17.9.1 安装17.9.1的node版本
nvm version 查看当前nvm的版本
nvm uninstall 17.9.1 卸载17.9.1版本的node（必须要在另一个版本中卸载该版本）

全局配置

每一个新环境都要配置

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

其中，nodejs是nvm的快捷方式

此电脑的环境变量也要设置

D:\nodejs\node_global

快速删除node_modules文件夹

方法一

使用git bash执行命令

rm -rf ./node_modules

方法二

使用node第三方库

npm install rimraf -g
rimraf node_modules

安装node-sass

安装时需要选择与node版本对应的node-sass版本

node-sass npm官网：node-sass - npm (npmjs.com)