vs code 前端插件

本人常用插件：

一、主题颜色

Atom One Dark Theme  或   escook-theme

 

 Atom One Dark Theme 只有一款主题，颜色配置的很合我的胃口，我之前用的是彬哥写的escook-theme主题，彬哥的escook-Dark Soft主题也很对我胃口就是有一些颜色高亮没有，看的比较考验眼力，后面改用了Atom One Dark Theme

二、文件图标

Material Icon Theme  或  vscode-icons

 

两款主题各有千秋，看自己的喜欢的款式

三、 vscode英文转中文

Chinese

 四、标签补齐

Auto Close Tag  或  Auto Rename Tag

 

这两个我都使用，可以在你写标签的时候自动补齐另外一半

五、 模块智能导入

Auto Import

 import 导入模块的时候会有提示

六、console.log() 快捷

Dot Log

每次打印的时候是不是很烦，这个插件只要输入    变量.log就会自动出现console.log(变量) 

七、git

Git History  或  Git History

 

 git分支提示和历史查询都有

八、html JavaScript

HTML CSS Support  或  HTML Snippets  或  JavaScript (ES6)

 

 

html和js还有es6的代码提示

九、服务开启和打开页面

 Live Server  或  open in browser

 Live Server用户在本地开启一个localhost服务，open in browser可以快速打开页面

十、路径提示

Path Intellisense

 Path Intellisense 提示路径

十一、代码格式化

Prettier - Code formatter

 格式化代码，让你的代码变得更整齐规范

十二、vue

TypeScript Vue Plugin (Volar)  或  Vue Language Features (Volar)  或  Vue VSCode Snippets

 

 

三个我都使用，有代码提示，也有一键生产，还有ts支持 

十三、json 转 ts 类型

JSON to TS