VSCode实用插件

152 阅读1分钟

react-dev-inspector

  • 功能:点击页面上的组件,在 VSCode 中自动跳转到对应文件,并定位到对应行号
  • 使用:默认按下 ctrl/cmd+shift+F,然后点击组件
  • 参考文章

Prettier - Code formatter

  • 功能:代码规范

ESLint

  • 功能:代码规则校验

Vetur

  • 功能:Vue编写规范

javascript console utils

  • 功能:快速生成 console.log()
  • 使用: ctrl/cmd+shift+L 生成;ctrl/cmd+shift+D删除

Auto Close Tag

  • 功能:自动补全标签

Auto Rename Tag

  • 功能:自动同步标签

vscode-styled-components

  • 功能:styled-components语法高亮

px2rem

  • 功能:CSS值转REM

Bracket Pair Colorizer

  • 功能:不同颜色的括号

Git History

  • 功能:查看git提交记录
  • 使用:在选择查看的文件后,单击 F1,在弹出的窗口中,输入 Git View History

GitLens

  • 功能:在光标处显示代码编写人以及时间

Path Intellisense

  • 功能:路径补齐