自动整理代码格式vscode_VS Code 实用的插件

82a8bb8ae429a5a00fbb58a1e6d0d6d7.png

整理下我平时用到的比较好用的插件。

  1. Auto Close Tag (自动闭合HTML标签)

0c31aaa96399c9620a7e8316745328db.png

2. Auto Rename Tag (标签自动补全)

288edf522afbe3da7219a029738e2d14.png

3. Beautify (格式化代码插件)

a71d8dcf3bb09dbf9fd444c1726b0929.png

4. Bracket Pair Colorizer (为代码的括号添上不一样的色彩)

0d2217238c69ee344c59da5707c3afee.png

5. Chinese (Simplified) Language Pack for Visual Studio Code (中文包)

c7029314d7fa2cbc2dcad791a8c190d0.png

6. Color Info (在样式的颜色前面都会加上对应的颜色信息)

af623337e640a2a2ec5194770299b997.png

7. ESLint (js 语法规则和代码风格的检查)

27a184fe2beb0e447692817e54c1c259.png

8. filesize (在左下提示当前文件大小)

0375861304545ea8e869d3894aa56495.png

9. GitLens — Git supercharged (git 多人协作工作,你一眼就可以看到代码是谁改的)

b11a57fa98797b74ec81d241eec8a1aa.png

10. Guides (参考线的不同颜色 与 Bracket Pair Colorizer 一起用也很舒服)

f296edd063bdea18c007b7c6856de7f8.png

11. HTML Snippets (H5代码片段以及提示)

7c13109f18a5e334051b155c88f51bb2.png

12. HTMLHint (html 代码检测)

97f170a4e9100a0571bf18afaf2786aa.png

13. Import Cost (引入文件大小提示)

66cef40e8bce222fdb5c1c0894df60ca.png

14. Path Intellisense (自动提示文件路径)

d7d346c489f3653803191cd431c205f0.png

15. Sublime Text Keymap and Settings Importer (Sublime 快捷键)

49a1ce30d673c8869737cacdefee803f.png

16. SVG Viewer (预览 svg )

ea471e254b1a60006cfa1656ab5848cf.png

17. Vetur (vscode官方钦定Vue插件,Vue开发者必备)

48c1508bc8ff34de954c39f719e3bcd8.png

18. VueHelper (vue 代码片段)

fd36704910058271d5e5dd087087bb0b.png

19. vscode-icons (目录图标显示)

9858300b35bfea954aff599abc69a758.png

因为我现在的项目用到这些所以把不太用的插件卸载了,之前遇到一个坑,就是插件太多导致eslint 校验失灵 和 vscode 提示不好用等问题。然后卸载了很多用不到的插件,建议使用的插件数量不要超过 20 个。

好的插件会让人很舒服并且提高工作效率,如果大家有用着很好的插件,不妨在下面留言分享一下。

  • 11
    点赞
  • 26
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值