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‘
}