常见的VS Code插件提高开发效率

  1. Vetur,Vue多功能集成插件,包括:语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger。vscode官方钦定Vue插件,Vue开发者必备
    在这里插入图片描述
    2.Beautify 格式化代码
    在这里插入图片描述
    3 . HTML Snippets,智能提示HTML标签,以及标签含义

在这里插入图片描述
4. Auto Close Tag自动闭合HTML/XML标签
在这里插入图片描述
5. Auto Rename Tag 自动完成另一侧标签的同步修改
在这里插入图片描述
6. Bracket Pair Colorizer 给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色
在这里插入图片描述
7. Debugger for Chrome 映射vscode上的断点到chrome上,方便调试
在这里插入图片描述
8. ESLint,js语法纠错,可以自定义配置,不过配置较为复杂,建议使用网上一些广泛使用的eslint配置,日后我也会专门针对eslint配置写一篇文章。
在这里插入图片描述
9. GitLens 方便查看git日志,git重度使用者必备
在这里插入图片描述
10. HTML CSS Support,智能提示CSS类名以及id
在这里插入图片描述
11. JavaScript(ES6) code snippets,ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
在这里插入图片描述
12. jQuery Code Snippets,jQuery代码智能提示
在这里插入图片描述
13. Markdown Preview Enhanced,实时预览markdown,markdown使用者必备
在这里插入图片描述
14. markdownlint,markdown语法纠错
在这里插入图片描述
15. Material Icon Theme,个人认为最好的vscode图标主题,支持更换不同色系的图标,值得点出的是,该插件更新极其频繁,基本和vscode更新频率保持一致
在这里插入图片描述
16. open in browser,vscode不像IDE一样能够直接在浏览器中打开html,而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件,支持自定义打开指定的浏览器,包括:Firefox,Chrome,Opera,IE以及Safari
在这里插入图片描述
17. Path Intellisense,自动提示文件路径,支持各种快速引入文件
在这里插入图片描述
18.React/Redux/react-router Snippets,React/Redux/react-router语法智能提示
在这里插入图片描述

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

️不倒翁

你的鼓励就是我前进的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值