【NodeJS】—— NodeJS安装、npm，yarn安装和配置

更新日志：

• [2020-07-29]
  • 添加yarn更新依赖的命令
• [2020-06-28]
  • 将nodejs改为NodeJS
• [ 2020-06-23 ]
  文章发布

说明：

• 本文地址
  • 《【NodeJS】——NodeJS 安装、npm，yarn安装和配置》https://blog.csdn.net/maixiaochai/article/details/106913524
• 关于 MaiXiaochai
  • CSDN：https://blog.csdn.net/maixiaochai
  • GitHub：https://github.com/MaiXiaochai

---

1. 安装 NodeJS

• 点击NodeJS官网链接，跳转到官网，选择自己喜欢的版本
  
• 下载完成后，双击运行，在其中要选择安装位置，可以用默认的，也可以自己指定，这里我安装在
  D:\softwares\nodejs

2. 配置 npm

• 2.1 修改 cache目录和global目录位置
  默认在C盘，我一般都会将这两个修改到非系统盘。
  前者用于存放缓存文件，后者用于安装全局依赖

  • 在 上步中的安装文件夹下，新建两个文件夹node_cache和node_global
    
  • 执行以下命令，分别修改cache和global目录，注意，目录值要改成自己建的目录
    • npm config set cache “D:\softwares\nodejs\node_cache”
    • npm config set prefix “D:\softwares\nodejs\node_global”
      
      

• 2.2 添加 node_global到环境变量
  这样是为了安装完全局依赖后，可以在命令行中运行相应的命令。
  这里我分了两步，其实可以一步到位，直接将路径写在path中
  
  

• 2.3 修改npm源为国内源，加快依赖下载速度

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

3. 安装三方库

• yarn
  • 比npm更好的依赖管理工具
  • 建议全局安装
  • npm install -g yarn
    
    
• Vue
  • npm安装
    • npm install -g @vue/cli
  • yarn安装
    • yarn global add @vue/cli
      
      

4. yarn 的配置

• yarn cache和global目录位置的修改
  PS: 如果输入yarn提示没有找到该命令，关闭命令终端，再开一次(linux系统 source一下即可)。
  同npm的cache和global目录修改类似，先建好相应文件夹，然后执行以下命令

  • yarn config set cache-folder D:\softwares\nodejs\yarn_cache
  • yarn config set global-folder D:\softwares\nodejs\yarn_global

• 源更换
  yarn config set registry https://registry.npm.taobao.org

• 配置环境变量

  • 在命令行输入 yarn global bin
  • 将得到的路径添加到环境变量，这样，通过yarn安装的依赖或命令才能在命令行中有效。
    
    

5. yarn基础操作

• 安装依赖
  • 全局： yarn global add <package...>
  • 项目： yarn add <package...>
• 卸载依赖
  • 全局： yarn global remove <package...>
  • 项目： yarn remove <package...>
• 升级依赖
  • 升级所有：yarn upgrade
  • 升级指定：yarn upgrade [package | package@tag | package@version]
• 项目
  • 安装项目中package.json所有依赖
    cd your-project-dir
yarn
  • 只为开发环境安装依赖
    yarn add <package ...> --dev
    或者
    yarn add <package ...> -D
  • 使用开发模式启动
    yarn dev
  • 运行命令
    yarn run/the-command
  • 更新包，需手动选择更新哪些包（按空格选择）
    yarn upgrade-interactive

---

The end.