#VSCode 前端开发插件

预计阅读时间: 3 分钟

#主题美化

1. Andromeda「主题」
2. Theme「主题」
3. Material Icon Theme「图标主题」
4. Project Manager「项目管理工具」
5. shell-format「终端美化」

#智能提示

1. Atom JavaScript Snippet「JS 提示」
2. Color Info「颜色提示」
3. CSS Peek「Class 样式提示」
4. Element Plus Snippets「Element Plus 提示」
5. Element UI Snippets「Element UI 提示」
6. element-ui-helper「Element UI 属性默认值提示」
7. ES7+ React/Redux/React-Native snippets「React 提示」
8. Atom JavaScript Snippet「JS 提示」
9. HTML CSS Support「代码提示」
10. IntelliSense for CSS class names in HTML「CSS 变量提示」
11. JavaScript (ES6) code snippets「JS 代码提示」
12. JavaScript Code Snippet「JS 代码提示」
13. JavaScript Snippets「JS 代码提示」
14. Laravel goto view「跳转打开文件地址」
15. Path Autocomplete「文件路径提示」
16. TypeScript Vue Plugin (Volar)「Vue3 提示插件」
17. Vue Basic Snippets「Vue 语法智能提示」
18. Vue Language Features (Volar)「Vue3 提示插件」
19. Vue Peek「组件跳转查看」
20. Vue VSCode Snippets「Vue2 语法智能提示」
21. vue-component「文件组件」
22. vue-helper「文件代码提示」
23. VueHelper「文件代码提示」
24. Easy LESS「LESS 转 CSS」
25. Vetur「Vue2 语法校验提示」
26. Vue 2 Snippets「Vue2 语法校验提示」
27. Vue 3 Snippets「Vue3 语法校验提示」

#辅助工具

1. Auto Close Tag「自动关闭标签」
2. Auto Rename Tag「自动修改标签」
3. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code「中文包」
4. CodeSnap「代码截取分享」
5. Git Graph「Git 代码管理」
6. GitLens — Git supercharged「Git 代码管理」
7. Goto definition alias「跳转并打开指定文件」
8. Highlight Matching Tag「标签代码高亮」
9. Image preview「图片预览」
10. Live Server「本地服务」
11. Open in Browser「浏览器打开」
12. Svg Preview「SVG 预览」

#项目配置

1. DotENV「ENV 文件识别」
2. EditorConfig for VS Code「编辑器格式配置」
3. Error Gutters「代码错误格提醒」
4. Error Lens「代码错误格提醒」
5. ESLint「代码格式校验」
6. gitignore「项目 git 配置文件」
7. Prettier - Code formatter「代码校验」
8. Prettier ESLint「代码校验」
9. EditorConfig for VS Code「编辑器格式配置」
10. MDX「Markdown 语法支持」