vscode前端必备开发插件

561 阅读1分钟

1.Auto Rename Tag

自动重命名 HTML 标签的开始和结束标签。

2.Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code

将vscode变为中文

3.Color Highlight

css展现颜色样式

4.CSS Peek

通过id或者class,按住ctrl来定位样式代码

5.ES7+ React/Redux/React-Native snippets

react语法提示

6.ESLint

ESLint代码格式化

7.GitLens — Supercharge Git in VS Code

git工具

8.koroFileHeader

control+command+i 文件注释

control+command+t 函数注释

9.open in Browser

文件在浏览器中显示

10.Prettier Formatter for Visual Studio Code

代码格式化

11.Project Dashboard

常用项目记录,可在同一个vscode窗口切换不同项目

image.png

image.png

12.Simple React Snippets

react语法简写补充完整

13.vscode-icons

vscode文件图标

14.Import Cost

引用资源大小

15.Error Lens

报错信息醒目显示

16.翻译(英汉词典)

英语翻译成汉字,悬停显示翻译需配置

17.var-translate-en

汉字变变量(选中后control+shift+v),英文翻译(选中后双击control)

18.json2ts

将粘贴板里的json转为ts(control+option+v)