前端常用插件

一 vscode插件:
1.Auto Close Tag (必备)
自动闭合HTML/XML标签

2.Auto Rename Tag (必备)
自动完成另一侧标签的同步修改

3.Beautify (必备)
格式化 html ,js,css

4.Bracket Pair Colorizer (必备)
给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

5.Debugger for Chrome (推荐)
映射vscode上的断点到chrome上，方便调试

6.ESLint (推荐)
js语法纠错，可以自定义配置，不过配置较为复杂，建议使用网上一些广泛使用的eslint配置，日后我也会专门针对eslint配置写一篇文章。

7.GitLens(使用git的必备)
方便查看git日志，git重度使用者必备

8.HTML CSS Support (必备)
智能提示CSS类名以及id

9.HTML Snippets (必备)
智能提示HTML标签，以及标签含义

10.JavaScript(ES6) code snippets (必备)
ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

11.jQuery Code Snippets (推荐)
jQuery代码智能提示

12.Markdown Preview Enhanced (推荐)
实时预览markdown，markdown使用者必备

13.markdownlint (推荐)
markdown语法纠错

14.Path Intellisense (必备)
自动提示文件路径，支持各种快速引入文件

15.Vetur (推荐)(vue必备)
Vue多功能集成插件，包括：语法高亮，智能提示，emmet，错误提示，格式化，自动补全，debugger。vscode官方钦定Vue插件，Vue开发者必备。

二 chrome插件:
vuejs devtools //需要引用vue.js可以监测
reres 替换本地js
puppeteer 谷歌出品的前端利器，想象空间是很大的，在爬虫、测试自动化等方面都可以很好胜任，跟其他测试工具不同，不再是模拟谷歌执行引擎再去渲染，而是一个真正在运行的浏览器，只是移除了真实的界面渲染。作为一个入门课程，很多细节都没详述，比如可以通过传参 headless: false 让puppeteer操作Chrome的过程可视化，各步骤可以指定间隔时间，还有插件可以录制等

三 常用网站
github
stackoverflow.com

https://www.bootcdn.cn/ //cdn

https://www.bshl.top/user/ //vnp

https://cn.vuejs.org/v2/guide/ //vue

ztree,loadash,swiper