【nodejs】—— nodejs安装、npm,yarn安装和配置
加粗样式> 更新日志:
- [ 2020-06-23 ]
文章发布
说明:
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 | [email protected] | [email protected]]
- 升级所有:
-
项目
-
安装项目中
package.json
所有依赖cd your-project-dir
yarn
-
只为开发环境安装依赖
yarn add <package ...> --dev
或者yarn add <package ...> -D
-
使用开发模式启动
yarn dev
-
运行命令
yarn run/the-command
-
安装项目中