前端开发必备的21个VS Code插件,提高生产效率

221 阅读2分钟

1. 翻译(英汉词典)

代码中遇到不认识的单词可以翻译下。

2. 图片文件管理

vscode编辑器打开的项目不方便查看所有图片,这个插件可以在vscode中预览全部图片,并可以对图片重命名和复制文件名,起到辅助管理图片作用。

3. Chinese (Simplified) (简体中文)

语言包为 VS Code 提供本地化界面。

4. # CSS Snippets

css 代码片段提示。

5. HTML Snippets

html 代码片段提示。

6. JavaScript (ES6) code snippets

js 代码片段提示。

7. Live Server

启动服务,实时预览界面。

8. JavaScript Booster

js代码驱动器,提高代码质量。

9. Element UI Snippets

Element UI 代码片段提示。

10. Template String Converter

把普通字符串转换成模板字符串, 写${}时,触发。

11. Vue

Vue语法高亮。

12. Vue VSCode Snippets

Vue2、Vue3 代码片段提示。

13.One Dark Pro

VS Code 主题。

14. Material Icon Theme

VS Code 文件主题图标。

15. Project Manager

项目管理器,快速切换项目,管理项目。

16. Polacode-2020

生成漂亮的代码截图。

17. REST Client

http请求工具。

18. Git History

查看git提交历史记录。

19 koroFileHeader

  1. 自动生成文件头部注释,自动更新最后编辑人、最后编辑时间等。
  2. 一键生成函数注释,支持函数参数自动提取并列到注释中。
  3. 支持添加佛祖保佑永无bug、神兽护体、甩葱少女等好玩有趣的图像注释
  4. 配置非常灵活方便,各种细节都能配置,可以量身打造适合你的注释。
  5. 支持所有主流语言, 配置文档非常详细,齐全。

20. CSS Peek

css 样式快速定位,Ctrl+ 鼠标左键点击id或class名,即可跳到指定样式位置。

21. Tabnine AI Autocomplete

代码提示,支持大多数的主流编程语言。

PythonJavascriptJava
extended JSReactPHP
TypescriptC HeaderBash
MLSwiftRuby
PerlRustSQL
VueF#Scala
JuliaTOMLShell
YAMLC / C++/ C#HTML
LuaMarkdownHaskell
GoObjective CJSON
CSS / SCSSAngularKotlin