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
- 功能:路径补齐