安装node.js,npm,yarn环境

4,965 阅读2分钟

安装node.js,npm,yarn环境

「这是我参与11月更文挑战的第26天,活动详情查看:2021最后一次更文挑战

1. 下载

下载 | Node.js 中文网 (nodejs.cn)

注: 高版本node.js已经包含了npm组件。

2. 安装node.js和npm

傻瓜式安装即可

3. 更改缓存位置

  1. 在node的安装目录新建两个文件夹,分别起名为node_cache 和node_global

image.png

  1. 设置缓存路径

npm config set prefix "D:\work\node\node_global"

npm config set cache "D:\work\node\node_cache"

4. 配置系统环境变量

  1. 系统变量新增:NODE_PATH image.png

  2. 系统变量增加:在path添加node自定义安装的根路径,把以前默认的路径配置删除 image.png

  3. 用户变量增加:node_global image.png

5. 测试

测试是否成功,在cmd运行窗口中进行测试

npm install cluster -g

在D:\work\node\node_global下看到了cluster文件即是成功

image.png

6. 更换阿里云镜像加速

第一步:在cmd窗口输入以下命令

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

npm config set disturl https://npm.taobao.org/dist --global

第二步:查询是否成功

npm config get registry

image.png

7. 安装yarn

  1. 使用NPM安装

npm i yarn -g

  • -i:install
  • -g:全局安装(global),使用 -g 或 --global
  • 输入yarn -version 可以看到版本号,说明安装成功了。我们就可以在项目中像使用npm一样使用yarn

image.png

  1. 配置镜像

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global

  1. 常用命令
  • yarn / yarn install 等同于npm install 批量安装依赖
  • yarn add xxx 等同于 npm install xxx —save 安装指定包到指定位置
  • yarn remove xxx 等同于 npm uninstall xxx —save 卸载指定包
  • yarn add xxx —dev 等同于 npm install xxx —save-dev
  • yarn upgrade 等同于 npm update 升级全部包
  • yarn global add xxx 等同于 npm install xxx -g 全局安装指定包

8. 版本查询

  • node -v
  • npm -v
  • yarn -v

9. idea配置

插件要开启:

  • node.js
  • JavaScript and TypeScript

image.png