vscode setting.json配置 主题 背景色 背景图片

背景色 背景图片"/>

vscode setting.json配置 主题 背景色 背景图片

_初始化vscode

code settings sync插件通过token gist地址下载所有的插件
下载配置> 命令为 `download setting`

__设置高对比度主题 然后更改背景颜色

C:\Users\Administrator\AppData\Local\Programs\Microsoft VS Code\resources\app\extensions\theme-defaults\themes//hc_black.json的背景色

{"$schema":"vscode://schemas/color-theme",
"name":"Dark High Contrast",
"colors":{"editor.background":"#201e1e",

__设置背景图片

C:\Users\Administrator\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench/workbench.desktop.main.css

背景css  在最前面加入css
body{background-image: url('./myimg/01.jpg');background-position:right bottom;background-size: 100%;opacity: 0.8;background-repeat: no-repeat;}

_setting.json的配置

{"workbench.colorTheme": "Default High Contrast","workbench.iconTheme": "easy-icons",// 控制资源管理器是否应以紧凑形式呈现文件夹"explorerpactFolders": false,"editor.formatOnType": true,"editor.formatOnSave": true,//缩进时代码块的线条显示，注释时一定要是true// "editor.renderIndentGuides": true,"workbench.colorCustomizations": {"editorIndentGuide.background": "#333333","editorIndentGuide.activeBackground": "#a3a3a3"},// vue文件默认格式化方式vetur"[vue]": {"editor.defaultFormatter": "octref.vetur"},// js文件默认格式化方式 和vue中的js保持一致使用编辑器自带的ts格式// "[javascript]": {//   "editor.defaultFormatter": "esbenp.prettier-vscode"// },// json文件默认格式化方式prettier// "[jsonc]": {//   "editor.defaultFormatter": "esbenp.prettier-vscode"// },// vetur格式化配置"vetur.format.defaultFormatter.html": "js-beautify-html","vetur.format.options.tabSize": 2,"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_attributes": "auto"}},//让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript",// 函数前加上空格 只有在默认vetur的时候生效// "javascript.format.insertSpaceBeforeFunctionParenthesis": true,// ------------------------------------------------------------------------其他自行配置-----------------------"editor.snippetSuggestions": "top", // 将建议的代码段优先级提前选择，比如输入for第一个提示是for循环代码段。"files.associations": {// 文件关联语言的优先级配置"*.vue": "vue","*.cshtml": "html","*.js": "javascript","*.dwt": "html"},/* -------------------------------------------------------cssStart---------------------- *///css排序，此后项目添加.csscomb.json文件"csscomb.formatOnSave": true,"csscomb.preset": {},/* -------------------------------------------------------cssEnd---------------------- */"prettier.semi": false, //不要句尾的分号 防止冲突"prettier.singleQuote": true, //句尾使用单引号"easysasspileAfterSave": false, //保存后是否自动生成css文件//gitee acync 同步插件"gitee.access_token": "","gitee.gist": "",//powser mode 开始配置"powermode.enabled": true,// 抖动"powermode.enableShake": false,// "powermode.enableShake": true,// 时间间隔//  "powermodeboTimeout": 0,// 随字体颜色变化"powermode.backgroundMode": "mask",//------------------------------------样式 只能开启一样// 火焰"powermode.presets": "flames","[jsonc]": {"editor.defaultFormatter": "vscode.json-language-features"},"[javascript]": {"editor.defaultFormatter": "vscode.typescript-language-features"},"bracketPairColorizer.depreciation-notice": false,"git.ignoreWindowsGit27Warning": true,// 炸裂// "powermode.presets": "exploding-rift",// 爆炸// "powermode.presets": "simple-rift",// 粒子// "powermode.presets": "particles",// 烟花// "powermode.presets": "fireworks",// 魔法// "powermode.presets": "magic",// 回形针// "powermode.presets": "clippy",// 结束配置// _________________________________________________________________________________vetur默认风格// "vetur.format.defaultFormatter.html": "prettyhtml",// "vetur.format.defaultFormatter.css": "prettier",// "vetur.format.defaultFormatter.postcss": "prettier",// "vetur.format.defaultFormatter.scss": "prettier",// "vetur.format.defaultFormatter.less": "prettier",// "vetur.format.defaultFormatter.stylus": "stylus-supremacy",// "vetur.format.defaultFormatter.js": "prettier",// "vetur.format.defaultFormatter.ts": "prettier",// "vetur.format.defaultFormatter.sass": "sass-formatter"/* // vue文件默认格式化方式prettier"[vue]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},// typescript文件默认格式化方式prettier"[typescript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"},// javascript文件默认格式化方式prettier"[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}, */
}

后期更新：