插件推荐
-
Live Server
实时网络服务器 -
Color Highlight
高亮显示颜色 -
Bracket Pair Colorizer 2
彩色括号 -
Path Intellisense
自动补全路径 -
HTML to CSS autocompletion
外联式提示类名id -
css-class-intellisense
内联式提示类名id -
会了吧
分析代码英文含义 -
Auto Rename Tag
同步修改标签</> -
Easy LESS
快速编译css -
ESLlint
-
Image preview
预览图片
PHP IntelliSense
PHP代码提示 -
One Dark Pro
主题颜色 -
Material Icon Theme
文件图标主题 -
indent-rainbow
空格显示 -
Prettier – Code formatter
格式化 -
Markdown Preview Enhanced
MarkDown在VScode编辑时，侧边预览功能
基本配置
{
//******************系统默认设置******************
//颜色主题
"workbench.colorTheme": "One Dark Pro",
//文件图标
"workbench.iconTheme": "material-icon-theme",
//字号
"editor.fontSize": 20,
// 重新设定tab为两个空格
"editor.tabSize": 2,
//保存自动格式化
"editor.formatOnSave": true,
//配置文件关联语言
"files.associations": {
// "*.php": "html",
// "*.html": "php",
// "*.vue": "html"
},
// ******************插件扩展设置******************
//live server插件设置默认浏览器：谷歌
"liveServer.settings.CustomBrowser": "chrome",
//prettier插件格式化代码
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[less]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
//PHP可执行的设置php安装的所在路径
"php.validate.executablePath": "D:/phpstudy/Extensions/php/php7.3.4nts/php.exe",
//自动补全路径
"path-intellisense.showHiddenFiles": true,
// PHP Intelephense格式化php代码
"[php]": {
"editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
},
//Open PHP/HTML/JS In Browser插件设置
"open-php-html-js-in-browser.selectedBrowser": "Chrome",
"open-php-html-js-in-browser.documentRootFolder": "D:\\phpstudy\\WWW"
// ******************保存setting.json 49******************
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/83776.html
