VScode 主题字体颜色必备插件

article/2025/11/6 12:17:12

主题字体颜色

通过文件>首选项>设置 > 搜索workbench.settings.editor，选中json即可改成json设置

// settings.json (个人配置)
{"files.associations": {"*.vue": "vue","*.wpy": "vue","*.wxml": "html","*.wxss": "css"},"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe","git.enableSmartCommit": true,"git.autofetch": true,"emmet.triggerExpansionOnTab": true,"emmet.showAbbreviationSuggestions": true,"emmet.showExpandedAbbreviation": "always","emmet.includeLanguages": {"vue-html": "html","vue": "html","wpy": "html"},//主题颜色 //"workbench.colorTheme": "Monokai","git.confirmSync": false,"explorer.confirmDelete": false,"editor.fontSize": 14,"editor.wordWrap": "on","editor.detectIndentation": false,// 重新设定tabsize"editor.tabSize": 2,// #值设置为true时，每次保存的时候自动格式化；"editor.formatOnSave": false,//每120行就显示一条线"editor.rulers": [],// 在使用搜索功能时，将这些文件夹/文件排除在外"search.exclude": {"**/node_modules": true,"**/bower_components": true,"**/target": true,"**/logs": true,}, // 这些文件将不会显示在工作空间中// "files.exclude": {//     "**/.git": true,//     "**/.svn": true,//     "**/.hg": true,//     "**/CVS": true,//     "**/.DS_Store": true,//     "**/*.js": {//         "when": "$(basename).ts" //ts编译后生成的js文件将不会显示在工作空中//     },//     "**/node_modules": true// }, // #让vue中的js按"prettier"格式进行格式化"vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.defaultFormatter.js": "prettier","vetur.format.defaultFormatterOptions": {"js-beautify-html": {// #vue组件中html代码格式化样式"wrap_attributes": "force-aligned", //也可以设置为“auto”，效果会不一样"wrap_line_length": 200,"end_with_newline": false,"semi": false,"singleQuote": true},"prettier": {"semi": false,"singleQuote": true}},"editor.suggest.snippetsPreventQuickSuggestions": false,"workbench.iconTheme": "vscode-icons","[vue]": {"editor.defaultFormatter": "Vue.volar"},"files.autoSave": "afterDelay","files.autoSaveDelay": 60000,"eslint.validate": ["javascript","javascriptreact","vue-html",{"language": "vue","autoFix": true}],"eslint.run": "onSave","eslint.autoFixOnSave": true,"editor.codeActionsOnSave": {"source.fixAll.eslint": true},"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[html]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[scss]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"[json]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},"z-reader.fileDir": "C:\\Users\\yushangyu\\Desktop","z-reader.onlineSite": "笔趣阁","bracketPairColorizer.depreciation-notice": false,"thiefBook.filePath": "C:/Users/yushangyu/Desktop/abc.txt","thiefBook.currPageNumber": 74346,"diffEditor.ignoreTrimWhitespace": false,"editor.fontLigatures": false,"workbench.settings.editor": "json"}

必备插件

1、open in browser（浏览器里预览网页必备，运行html文件）
在这里插入图片描述
2、Auto Rename Tag （自动修改匹配的 HTML 标签）

3、Path Intellisense （智能路径提示）

4、Prettier - Code formatter （比Beautify更好用的代码格式化插件）

5、vetur （语法高亮、智能感知等）

6、Chinese (Simplified) （简体中文）
在这里插入图片描述