前端环境搭建

一、NVM

使用nvm管理node，便于切换不同版本，开发不同项目

1.nvm下载

nvm-windows 最新下载地址： https://github.com/coreybutler/nvm-windows/releases 

选择 nvm-setup.zip：这是一个安装包，下载之后点击安装，无需配置就可以使用，方便

2.nvm安装

　　安装目录：添加 node.js 的安装目录

　　注意：这里用 “添加 node.js 的安装目录” 的说法其实不太准确，准确的说法应该是配置 node.js 的安装目录默认会使用 C:\Program Files\nodejs 目录，C:\Program Files\nodejs 目录也是 node.js 默认的安装目录如果读者在安装 nvm 前就已经安装node.js，且修改了 node.js 的安装目录，那么此处的目录要修改为 node.js 的安装目录。如果读者在安装 nvm 前没有安装 node.js，那么此处的目录可自行定义

3.检测是否安装好

nvm -v

4. 解决NVM下载node慢

在NVM 安装目录找到settings.txt，加入下面两行镜像

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

5.nvm常用命令

nvm list　　//查看目前已经安装的版本
nvm list available //显示可下载版本的部分列表
nvm install 10.15.0 //安装指定的版本的nodejs
nvm use 10.15.0 //使用指定版本的nodejs

二、npm/yarn包管理器

1.npm

node安装后会自动安装npm包管理器，相关操作命令

查看npm版本：    npm --version/-v
更新npm版本：    npm install -g npm
指定npm版本：    npm install -g npm@版本号　
更新最新稳定版：  npm install npm@latest -g

更换淘宝镜像，npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，如果npm的服务器在中国就好了，乐于分享的淘宝团队干了这事

npm config set registry https://registry.npmmirror.com

更换原来官方镜像源

npm config set registry https://registry.npmjs.org

查询镜像源

npm config get registry

查看淘宝镜像源输出如下

> https://registry.npmmirror.com/

2.yarn

安装

npm install yarn -g 

查看版本

yarn --version

Yarn 设置淘宝镜像

yarn config set registry https://registry.npmmirror.com/

查询当前配置的镜像

yarn config get registry

查看淘宝镜像输出如下

> https://registry.npmmirror.com/

更新yarn

npm install yarn@latest -g

yarn常用命令

// 查看 yarn 全局安装过的包
yarn global list --depth=0
// 全局安装
yarn global add <package>
// 安装所有依赖
yarn
// 安装指定版本
yarn add <package>@<version>
// 安装最新版本
yarn add <package>
// 删除包,会更新package.json和yarn.lock
yarn remove <package>
// 更新包
yarn upgrade
// 更新指定的包
yarn upgrade <package>
// 获取可更新的包列表选择更新
yarn upgrade-interactive --latest
// 更新全局依赖
yarn global upgrade --latest
// 更新全局依赖，有交互
yarn global upgrade-interactive --latest
// 列出已缓存的包
yarn cache list
// 查找缓存包的路径
yarn cache dir
// 清除缓存的包
yarn cache clean

三、GIT

官网下载git代码仓库管理工具

四、vscode

官网下载vscode代码编辑器