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",
  // 控制资源管理器是否应以紧凑形式呈现文件夹
  "explorer.compactFolders": 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, //句尾使用单引号
  "easysass.compileAfterSave": false, //保存后是否自动生成css文件
  //gitee acync 同步插件
  "gitee.access_token": "",
  "gitee.gist": "",
  //powser mode 开始配置
  "powermode.enabled": true,
  // 抖动
  "powermode.enableShake": false,
  // "powermode.enableShake": true,
  // 时间间隔
  //  "powermode.comboTimeout": 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"
  }, */
}

后期更新：https://juejin.cn/post/7043399228332179463