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"