VSCODE 常用插件

1. 语言与格式化

序号	插件名称	描述
1	Chinese Language…	中文简体语言包
2	Prettier-Code Formatter	几乎支持所有前端代码的格式化
3	Simple icons	小巧实用的文件图标集合
4	One Dark Pro	个人非常喜欢的一款主题

Prettier-Code Formatter 安装后，还要需要进行设置，方法如下：文件- -首选项- -设置- -输入‘formatter’ --Default Formatter 选 esbenp.prettier-vscode,接下面的两项同时勾选上。
如还不能格式化，终极方法，先把所有插件卸载，再卸载vscode,再重新装vscode,再装插件。

---

2. html/css 相关

序号	插件名称	描述
1	Auto Close Tag	标签自动关闭
2	Auto Rename Tag	标签自动更名
3	Auto Complete Tag	标签自动完成
4	HTML CSS Support	自动补全样式表
5	HTML Snippets	html 代码片断
6	Highlight Matching	标签成对高亮

---

3. js/vue 相关

序号	插件名称	描述
1	JavaScript(ES6) Code snippets	js/es6 代码片断
2	Vue	Vue 语法提示
3	Vue2 Snippets	Vue 代码片断
4	Vue-beautify	Vue 代码格式化

---

4. php / mysql 相关

序号	插件名称	描述
1	PHP Intelephense	代码提示与函数跳转…
2	PHP IntelliSense	代码智能感知(可选)
3	PHP DocBlocker	代码块注释(可选)
4	Format HTML in PHP	格式化 PHP 中的 html 代码
5	MySQL	MySQL 语法高亮

---

5. markdown 相关

序号	插件名称	描述
1	Markdown Rreview Enhanced	mardown 文件预览
2	Markdownlint	Markdown 语法检查器

---

6. 效率相关

序号	插件名称	描述
1	Live Server	内置 web 服务器
2	Code Runner	支持常见的编程语言运行调试
3	Bracket pair colorizer	不同颜色表示不同层级括号

---