前端研发工具安装

一、vscode安装及相关插件推荐*

VSCode安装包下载地址：https://code.visualstudio.com/
VSCode常用插件：
1.Auto Close Tag—自动补全 html 标签
2.Auto Rename Tag—修改 html 标签，自动帮你完成尾部闭合标签的同步修改3.Path Intellisense—智能路径提示，可以在你输入文件路径时智能提示
4.Live Server—在 vscode 中就可以监听文件变化自动刷新网页
5.GitLens—可以直接在光标处显示代码编写人以及时间；方便共同开发时git做版本控制的相关代码管理
6.Vetur—vue 开发必备插件，支持.vue 文件，语法高亮、智能提示等
7.Beautify—格式化 html 、js和css
8.Prettier—格式化JavaScript 、TypeScript 和CSS
9.Bracket Pair Colorizer—给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色
10.Debugger for Chrome—映射vscode上的断点到chrome上，方便调试
11.ESLint—js语法纠错，可以自定义配置，不过配置较为复杂，建议使用网上一些广泛使用的eslint配置
12.SonarLint—SonarLint是一个代码质量检测插件，可以帮助我们检测出代码中的坏味道
13.HTML CSS Support—智能提示CSS类名以及id
14.HTML Snippets—智能提示HTML标签，以及标签含义
15.JavaScript(ES6) code snippets —ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue等等，省去了配置其支持各种包含js代码文件的时间
16.VueHelper—vue代码片段

二、nodejs安装

安装包下载地址：https://nodejs.org/en/。测试是否安装成功，可在终端任何目录中输入node -v，能查询到node版本号即安装成功。

三、 NPM代理设置

（1）安装nrm: npm install -g nrm
（2）查看所有代理：nrm ls
（3）使用淘宝代理：nrm use taobao