vs code 插件折腾记(二)

vs code 插件折腾记(一)接上文更新

6.Bracket Pair Colorizer

vs code 插件折腾记(二)

一个可以更好的区分代码嵌套关系的插件;使用相同的颜色标识匹配同一组括号

7.CSS Peek

vs code 插件折腾记(二)

允许窥视css ID与类 字符串作为从html文件到相应CSS的定义,功能十分强大;

  • Ctrl+Shift+F12:内联加载css文件并在那里进行快速编辑
  • F12:直接跳转到css文件或在新编辑器中打开它
  • Ctrl+hover:用鼠标悬停在符号上显示定义
  • Ctrl + T:搜索类或ID名称;快速跳转到正确的CSS / SCSS / LESS代码
  • Alt + F12/shift + F12:在当前html窥视与修改css代码

8.cssrem

一个CSS值转REM的VSCode插件,移动端开发利器

vs code 插件折腾记(二)

9.jQuery Snippets

vs code 插件折腾记(二)

只需键入字母'jq'即可获得所有可用jQuery代码片段的列表,常用jquery开发必备

vs code 插件折腾记(二)

10.Quokka.js

vs code 插件折腾记(二)

一款能够实时检测你的js代码是否出错的插件;分为社区版和专业版,社区版免费使用,专业版需要收费,个人感觉社区版体验也不错的,基本功能都有

vs code 插件折腾记(二)

在当前文件使用,只需按下Cmd/Ctrl + K, Q,就可以实时检测你的代码是否出错啦

11.再分享几款个人觉得还不错的主题

  • Dracula Officialvs code 插件折腾记(二)一款暗黑系主题,代码界面如图vs code 插件折腾记(二)
  • One Dark Provs code 插件折腾记(二)Atom代码编辑器主题,是否找到了熟悉的感觉vs code 插件折腾记(二)
  • Tiny Lightvs code 插件折腾记(二)深色主题看腻啦,那换一个浅色的啦,据说这款主题很护眼vs code 插件折腾记(二)

相关推荐