node、npm、yarn安装和环境配置

一、node安装

链接: node官网下载
选择合适的安装包下载,我电脑是Windows 64位的。
node、npm、yarn安装和环境配置_第1张图片
下载之后运行安装包,选择自己想存储的位置,直接默认点击下一步直至完成。

win+R 输入 cmd 运行。

// 查看node版本号
 node -v  
// 查看npm版本号
 npm -v  
// 查看所有配置信息
 npm config ls 
  1. 查看npm默认存放位置
// 查看npm全局模块的存放路径
 npm get prefix 
// 查看npm缓存默认存放路径
 npm get cache
  1. 在nodejs安装目录下。创建“node_global”和“node_cache”两个文件夹,执行以下命令。
// npm config set prefix "node_global的地址" 
 npm config set prefix "D:\wendySoftware\nodejs\node_global" 
// npm config set cache "node_cache的地址" 
 npm config set cache "D:\wendySoftware\nodejs\node_cache"
  1. 配置环境变量–在系统变量-path-编辑-新增编辑-把nodejs安装目录、node_global目录添加上去

二、yarn安装和环境配置

  1. 全局安装
 npm install -g yarn
// 查看yarn版本
 yarn -v
  1. 把yarn/bin安装路径放在系统变量path中
  2. 在yarn->bin 同级路径中新建 yarn_global 和 yarn_cahe 两个文件
  3. 全局安装目录位置以及缓存位置查询
// 全局安装目录配置
 yarn config set global-folder “D:\yarn\yarn_global”
// 全局缓存目录
 yarn config set cache-folder “D:\yarn\yarn_cache”
  1. 设置淘宝镜像源
// 查看当前镜像源
 yarn config get registry
// 修改为淘宝镜像源
 yarn config set registry https://registry.npm.taobao.org/
  1. 查看yarn的所有配置
 yarn config list
  1. 查看当前yarn的bin的位置
 yarn global bin
  1. 查看当前yarn的全局安装位置
 yarn global dir

你可能感兴趣的:(前端环境配置,npm,javascript,前端)