现在大部分做前端开发,基本都在使用 vscode 吧;这里推荐一下我常用的提高工作效率的插件。
主题
1. Dracula Official
个人最喜欢的主题,应该是最好看的主题之一。
2. Eva Theme
里面包含黑色和白色主题,个人觉得白色主题感觉挺好看的;
3. GlassIt-VSC(毛玻璃透明效果)
可以上班看学习视频(偷笑);
4. One Dark Pro
比较好看的主题。
代码片段
1. JavaScript (ES6) code snippets
主要是 ES6 的代码片段,很实用。
2. JavaScript Snippet Pack
ES5及以下的代码片段,实用。
3. jQuery Code Snippets
jQuery 代码片段
4. HTML Snippets
版本管理
1. Git History
以图表的形式查看git日志;使用 command+shift+p(Ctrl+shift+p) 输入git log就可以看到了
2. Git Lens
git 日志插件;
语法校验
1. stylelint
一个 css 代码规范比内置的要全,更智能;
2. ESLint
EsLint 可以帮助我们检查 Javascript 编程时的语法错误。比如:在 Javascript 应用中,你很难找到你漏泄的变量或者方法。EsLint 能够帮助我们分析 JS 代码,找到bug 并确保一定程度的 JS 语法书写的正确性。
3. markdownlint
markdown 语法检查;
4. TSLint
检查typescript编程时的语法错误语法;
5. htmlhint
Vue 相关
1. vetur
语法高亮、智能感知;
2. vue-peek
转到定义,这个插件就是让 vue 也支持这个功能,实用!
3. Vue VSCode Snippets
vue 代码片段;
4. Vue TypeScript Snippets
vue的 typescript 代码片段
React 相关
1. React-Native/React/Redux snippets for es6/es7
React 的代码片段,下载量超多。
其他工具
1. Prettier
格式化JavaScript / TypeScript / CSS 。
2. Import Cost
当使用 import 一个库的时候,可以计算改引入模块的大小;