【nodejs】—— nodejs安装、npm,yarn安装和配置

加粗样式> 更新日志:

  • [ 2020-06-23 ]
    文章发布

说明:


1. 安装 nodejs
  • 点击nodejs官网链接,跳转到官网,选择自己喜欢的版本
    【nodejs】—— nodejs安装、npm,yarn安装和配置
  • 下载完成后,双击运行,在其中要选择安装位置,可以用默认的,也可以自己指定,这里我安装在
    D:\softwares\nodejs
2. 配置 npm
  • 2.1 修改 cache目录和global目录位置
    默认在C盘,我一般都会将这两个修改到非系统盘。
    前者用于存放缓存文件,后者用于安装全局依赖

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

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

  • 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 cacheglobal目录位置的修改
    PS: 如果输入yarn提示没有找到该命令,关闭命令终端,再开一次(linux系统 source一下即可)。
    npmcacheglobal目录修改类似,先建好相应文件夹,然后执行以下命令

    • 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...>
  • 升级依赖
  • 项目
    • 安装项目中package.json所有依赖
      cd your-project-dir
      yarn
    • 只为开发环境安装依赖
      yarn add <package ...> --dev
      或者
      yarn add <package ...> -D
    • 使用开发模式启动
      yarn dev
    • 运行命令
      yarn run/the-command

The end.