一、NodeJS安装

NodeJS(网址:https://nodejs.org/en/) 下载(稳定版本) ,项目开发建议安装稳定版(16.15.1)

1.1 下载

image.png

image.png

  1. 右键以管理员权限运行

image.png

  1. 选择Next

image.png

  1. 选择安装路径,建议安装到其它地址,保持系统流畅(D:\Program Files\nodejs)

image.png

  1. 设置环境变量(选择默认)

image.png
5.原生模块工具选择默认
image.png
6.选择安装
image.png
5.用命令查看是否安装成功

  1. // NODE版本查询
  2. C:\Users\Administrator>node -v
  3. v16.15.1
  4. // NPM版本查询
  5. C:\Users\Administrator>npm -v
  6. npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
  7. 8.11.0

6.环境变量

  • 用户变量

image.png

  • 用户变量(path): C:\Users\Administrator\AppData\Roaming\npm

image.png

  • 系统变量(path)

image.png

  • 系统变量(path):D:\Program Files\nodejs\
  • image.png
  • 安装过程中会自动配置环境变量,同时会在C:\Users\Administrator\AppData\Roaming目录下生成npm和npm-cache文件夹,后续安装的文件全部放在C:\Users\Administrator\AppData\Roaming\npm\modules下面、同时会生成缓存文件夹C:\Users\Administrator\AppData\Roaming\npm-cache文件夹。

4、npm install @vue/cli -g 全部会放在C:\Users\Administrator\AppData\Roaming\npm\modules文件夹下面

  • npm config set prefix “D:\Program Files\nodejs\node_global”
  • npm config set cache “D:\Program Files\nodejs\node_cache”

    1.3 NVM安装

  • root: D:\Users\Administrator\AppData\Roaming\nvm

  • path: D:\Program Files\nodejs

    二、 Yarn安装

    三、nrm安装

    image.png