VS Code 前端 好用插件推荐/记录自己喜欢用的插件【持续更新】

【持续更新】记录自己用的插件

1.驼峰翻译助手

对英语不好的同学非常好，忘记了英文单词怎么拼？直接输入中文选中按 win: “Alt+shift+t” | mac: “cmd+shift+t”，再点一下单词就把原来的中文替换掉了

2.Code Translate

一个翻译插件，把鼠标放再单词上，就会翻译成中文

3.Color Highlight

hex颜色显示

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

React开发必备，帮我们快速生成模板，提高开发效率

比如：rfce

5.Image preview

引入的图片图表可以直接预览，不用怕引入错误的图片

6.json2ts

复制一段json对象的字段到剪切板，按 cmd+alt+X or ctrl+alt+X，就给你生成了一段 ts 类型声明

7.Live Server

生成一个本地服务器，支持热更行，对用HTML开发的同学非常好用

8.One Dark Pro

一个暗色主题

9.open in browser

10.vscode-icons

好看的图标插件

11.Vue Language Features (Volar)

用于vue3开发和代码提示

12.Code Spell Checker

单词拼错会有波浪线

13.Error Lens

第一时间知道你的错误在哪

14.Import Cost

看到自己导入包的大小

15.IntelliCode

微软开发的一款辅助开发的插件