插件

vscode-icons-mac (这个看起来更清爽)

这是一个文件图标显示插件，可以根据你的文件类型开决定将显示何种图标。这样也不只是为了美观，还可以让自己一目了然。更好的定位到要查看的文件。

vscode-fileheader

这个插件可以为你在文件开头插件头信息，比如文件的作者，修改时间，有了这个插件你就不需要每次都码一次所谓的无用信息了。

code runner

可以直接在编辑器中运行代码，查看结果，非常方便，一键运行。

PHP Intelephense

PHP代码提示工具，支付代码提示、查找定义、类搜索等功能，非常强大。

php debug

php关联XDEBUG 的调试工具，安装方法百度一下，然后就可以在vscode中调试PHP代码了，简单好用，不复杂。

PHP DocBlocker

php注释插件，在方法上面输入 //（两个斜杠） 按回车，即可输入注释代码块，非常方便，效率很高。

Bracket Pair Colorrizer(特别推荐)

用来区分括号

HTML CSS Support

列出项目里所有能用的类名，这个插件也挺有用的。有时候当你只记得一个类的首字母或者前几个字母时，这个插件就非常地有用了，当你敲出第一个字母后这个插件就会自动把项目里（当前HTML 文件引用到的.css 文件）与此匹配的类全都列出来，还带有来自哪个 .css 文件的提示。

Visual Studio Code 插件 HTML CSS Support
3.4 Document this
js 的注释模板 （注意：新版的vscode已经原生支持,在function上输入/** tab）

GitLens

丰富的git日志插件

Path Autocomplete :

路径智能补全

Path Intellisense ：

路径智能提示。

beautify :

格式化代码的工具，可以格式化JSON|JS|HTML|CSS|SCSS,比内置格式化好用

easy less

less 转css

第一，在扩展包搜索 less ,找到 easy less

第二，安装完记得重启

第三，ctrl+, 快捷键打开设置，也可以在 文件 > 首选项 > 设置

第四，搜 less.complie ，点击less,拉倒最底下，找到 setting.json

第五，在json配置中加入，less.compile(less配置)

"less.compile": {
    "compress": false,//是否压缩
    "sourceMap": false,//是否生成map文件，有了这个可以在调试台看到less行数
    "out": true, // 是否输出css文件，false为不输出
    "outExt": ".css", // 输出文件的后缀,小程序可以写‘wxss‘
}