VScode插件

开发类

HTML CSS Support

html提示css自动补全。

Auto Close Tag：自动闭合标签。

Auto Rename Tag：重新命名标签。

CSS Peek：快速查看当前标签设置的css属性。「将光标移动要需要查看的标签，然后按下f12即可查看」

Prettier - Code formatter：代码格式化。

ESLint：可组装的JavaScript和JSX检查工具。

Tabnine Autocomplete AI：代码智能提示。

vue相关

vue3-snippets-for-vscode: vue3代码提示

element-plus-doc: element-plus代码提示

效率类

GitLens — Git supercharged：显示文件最近的commit和作者，显示当前行commit信息

Path Intellisense：路径智能补全。

Image preview：预览引入的图片素材。

Import Cost：导入包大小计算

One Dark Pro：代码主题颜色

TODO Highlight：设置不同类型的注释

Material Icon Theme：文件图标主题