此片文章仅供参考
- chrome插件篇
推荐插件地址《极简插件_Chrome扩展插件商店_优质crx应用》 chrome.zzzmh.cn/
1、Tampermonkey 油猴脚本
Tampermonkey 油猴脚本 对于使用 Chrome浏览器的人来说老少皆宜，用过的人都说好
2、Ctool 程序开发常用工具
Ctool 程序开发常用工具 个人觉得是开发人员的良心插件，涉及到了开发过程中的各类样式的转化与生成
还有各种好玩的插件等你去发现。。。
- vsCode插件篇
0、Vue Peek
没什么好说的，这个插件就是vue开发者的福音，vue2/vue3基础代码都包括，大大节约下开发时间！
[官网地址https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek](https://marketplace.visualstudio.com/items?itemName=dariofuzinato.vue-peek)
1、Vetur
写Vue常用的工具包，懂得人都说好！据说Vetur甚至有 Vue3 Typescript 支持。
2、ESLint Plugin VueJS
Vuejs 有自己的 eslint插件，可以检查单个文件组件的语法。这是编写可维护和可扩展代码的最好用的工具之一。
3、Vue 3 Snippets
这个 vscode 扩展可以帮你节省大量的开发时间。它能帮你自动填充常用的 Vue 代码片段
4、Bookmarks
这个插件没用过，据说是可以让你在自己代码中标记并命名位置。
然后你就可以在这些不同的“书签”之间跳转，提高开发速度。 感兴趣的同学可以自我研究下！！！
5、Bracket Pair Colorizer
作者个人灰常喜爱的一个小插件，让你的嵌套易于查看，话不多说，谁用谁知道！
但是目前vscode内置了这个功能!
https://mp.weixin.qq.com/s/RGVm60EOcZZNsFYqYuZAwg
6、Auto Rename Tag / Auto Close Tag
Auto Rename Tag 是一个非常有用的 VSCode 扩展，能够帮你防止在模板代码产生错误。
每当你要修改 HTML 中的一个标签名（开始或结束标签）时，Auto Rename Tag 会帮你自动重命名另一个。
但是目前vscode内置了这个功能!
https://mp.weixin.qq.com/s/RGVm60EOcZZNsFYqYuZAwg
7、NPM Intellisense
当你在 Javascript 中编写导入语句时，NPM Intellisense 都会自动完成你需要的 npm 模块名称。
8、REST Client
`REST Client` 扩展工具允许你发送 `HTTP` 请求并直接在 `VSCode` 中查看响应。
再也不需要使用外部应用程序向服务器发送 `HTTP` 请求。
使用方法可参考
9、CSS Peek
有了这个扩展工具，将鼠标悬停在元素的类名或元素ID上，就可以看到应用于这个元素的 `CSS` 规则。
它还有一个“转到”特性，允许你立即跳转到应用于元素的 `CSS` 规则。
10、Quokka.js
`Quokka.js` 是编辑器中的原型平台，可以访问项目文件，内联报告等。
代码中的值在运行时更新，并在键入代码时显示在IDE中的代码旁边。
11、JavaScript (ES6) code snippets
最后一个要介绍的扩展工具是 `JavaScript (ES6) code snippets` 扩展工具。
该扩展工具有多个代码片段，可供您来生成ES6代码片段。
例如，键入clg然后按回车可以得到一个console.log。
可能您需要一段时间来熟悉所有的代码片段，但是只要掌握了它，您就能非常快的打出ES6代码。
12、TabNine
`TabNine` 是一款不错的代码补全工具,值得一试。
但是目前vscode内置了这个功能!
https://mp.weixin.qq.com/s/RGVm60EOcZZNsFYqYuZAwg
13、GitLens
此款插件,显示修改代码的人员+时间+备注。 非常方便程序员甩锅!!!
14、Power Mode
让你打字不那么无聊,设置打字的动态效果
安装完此插件,首先powermode.enabled 开启, 之后配置powermode想要的 打字效果
eg:
*^*、ode Spell Checker
单词拼写错误提示
慢慢发现，慢慢完善！！！发现好用的插件同学可以留言，我在补充进去
