我比较喜欢简洁一些,所以没有安装太多的扩展,对VS Code的默认界面配色也做了少量的修改。
安装的扩展
Chinese (Simplified) (简体中文)
安装中文支持
Minify
代码压缩。
例如:写好CSS后,按F1,在命令窗口下拉列表中选择:Minify,即可将代码压缩并在当前目录下保存为.min.css,不影响源文件。
PHP Intelephense
安装这个插件后,才能自动格式化PHP代码。
WordPress Snippets
如果有做WordPress方面的开发,安装这个插件可以快速输入WordPress函数。
Python
如果做Python开发,可以安装该插件。
Bracket Pair Colorizer 2
括号使用不同的颜色配对,再也不用数结束括号的数量了。
VS Code内置更好用的括号对功能,不再需要插件了。
配置文件
在设置中搜索php,即可看到“在 settings.json中编辑”的链接,点击打开配置文件,粘贴如下代码:
{ "php.validate.executablePath": "/opt/lampp/bin/php-7.4.22", "editor.minimap.enabled": false, //关闭右侧预览图 "security.workspace.trust.banner": "never", //关闭鼠标悬停提示 "search.useReplacePreview": false, //关闭搜索替换拆分窗口 "editor.formatOnSave": true, //保存时格式化代码 "editor.formatOnPaste": true, //粘贴时格式化代码 "editor.formatOnType": true, //敲完一行代码自动格式化 "files.autoSave": "onFocusChange", //窗口失去焦点自动保存 "workbench.editor.wrapTabs": false, //编辑器标签页在空间不足时以多行显示 "editor.insertSpaces": false, //按tab时插入空格 "editor.detectIndentation": false, //打开文件时基于内容检测Tab Size "workbench.statusBar.visible": false, //状态栏是否可见 "window.menuBarVisibility": "toggle", //关闭菜单栏 "breadcrumbs.enabled": false, //关闭面包屑导航 "editor.hover.delay": 1000, //悬停提示延迟时间 "html.hover.references": false, //关闭HTML属性提示 "html.hover.documentation": false, //关闭HTML MDN引用 "css.hover.references": false, //关闭CSS属性提示 "css.hover.documentation": false, //关闭CSS MDN引用 "less.hover.references": false, //关LESSS属性提示 "less.hover.documentation": false, //关闭LESS MDN引用 "scss.hover.references": false, //关SCSS属性提示 "scss.hover.documentation": false, //关闭SCSS MDN引用 "editor.bracketPairColorization.enabled": true, //括号颜色 "editor.guides.bracketPairs": "active", //括号对块标示 "intelephense.diagnostics.undefinedClassConstants": false, //PHP未定义错误提示 "intelephense.diagnostics.undefinedConstants": false, //PHP未定义错误提示 "intelephense.diagnostics.undefinedFunctions": false, //PHP未定义错误提示 "intelephense.diagnostics.undefinedMethods": false, //PHP未定义错误提示 "intelephense.diagnostics.undefinedProperties": false, //PHP未定义错误提示 "intelephense.diagnostics.undefinedVariables": false, //PHP未定义错误提示 "intelephense.diagnostics.undefinedTypes": false, //PHP未定义错误提示 "intelephense.diagnostics.undefinedSymbols": false, //PHP未定义错误提示 "editor.overviewRulerBorder": false, //右侧滚动条边框 "workbench.colorCustomizations": { "sideBar.background": "#222", //资源管理器区背景颜色 "editor.background": "#222", //代码编辑区背景色 "editorGutter.background": "#333", //行号区背景色 "editor.lineHighlightBackground": "#333", //当前代码行背景色 "tab.inactiveBackground": "#333", //选项卡默认背景色 "tab.activeBackground": "#08c", //激活的选项卡背景 "breadcrumb.background": "#282828", //面包屑导航背景色 "scrollbarSlider.background": "#333", //右侧滚动条背景色 "scrollbarSlider.hoverBackground": "#333", //右侧滚动条鼠标悬停背景色 "scrollbarSlider.activeBackground": "#333", //右侧滚动条鼠标点击背景色 "statusBar.background": "#08c", //状态栏背景 }, "emmet.variables": { "lang": "zh-CN" } }