VSCODE 常用插件

VSCODE 常用插件

1.语言与格式化

序号	插件名称	描述
1	Chinese (Simplified) Language Pack for Visual Studio Code	适用于 VS Code 的中文（简体）语言包
2	Prettier - Code formatter	几乎支持所有的前端代码的格式化（插件设置-扩展设置-format-default 改为 esbenp.prettier-vscode 然后勾选 format on save）
3	Simple icons	小巧实用的文件图标集合（或内置：设置-文件图标主题）
4	One Dark Pro	一款主题（或者选择内置主题：设置-颜色主题），需设置才生效

---

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 Tag	自动高亮显示结束括号/标签

---

3.js / vue 相关

序号	插件名称	描述
1	JavaScript (ES6) code snippets	js/es6 代码片段
2	vue	vue 语法提示
3	Vue2 Snippets	vue2 代码片段
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	不同颜色表示不同层级括号
4	path intellisense	智能路径提示

---

7.配置 php 代码检查器

在 vscode 配置文件 settings.json 中添加

// 版本与路么替换成你当前系统中的php可执行文件路径与版本号即可;
"intelephense.environment.phpVersion": "7.4.1",
 "php.validate.executablePath": "/Applications/MAMP/bin/php/php7.4.1/bin/php"