【无标题】vscode setting配置

记录自己的vscode配置,会不断优化

json 复制代码
{
  "editor.fontSize": 20,
  "editor.tabSize": 2, // 缩进大小
  "editor.guides.bracketPairs": "active", // 在括号之间显示匹配的光标导航线
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.codeActionsOnSave": {
    // 在保存文件时执行的代码操作
    "source.fixAll.eslint": "explicit",
    "source.fixAll.tslint": "explicit",
    "source.fixAll.stylelint": "explicit",
    "source.fixAll": "explicit" // 执行所有可用的修复操作
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    "typescript",
    "typescriptreact",
    "html",
    "css",
    "scss",
    "less",
    "mpx",
    "json",
    "markdown",
    "jsp"
  ],
  "stylelint.validate": ["css", "less", "postcss", "scss", "sass", "vue"],
  // ==========todo-tree==========
  //todo-tree 标签配置  标签兼容大小写字母(很好的功能!!!)
  "todo-tree.regex.regex": "((%|#|//|<!--|^\\s*\\*)\\s*($TAGS)|^\\s*- \\[ \\])",
  "todo-tree.regex.regexCaseSensitive": false,
  //添加自定义的标签成员,将在下面实现它们的样式
  "todo-tree.general.tags": [
    "todo", //todo代办
    "bug", //bug必须要修复的BUG
    "tag", //tag标签
    "done", //done已完成
    "mark", //mark标记一下
    "test", //test测试代码
    "update" //update优化升级点
  ],
  "todo-tree.highlights.customHighlight": {
    "todo": {
      "icon": "alert", //标签样式
      "background": "#c9c552", //背景色
      "rulerColour": "#c9c552", //外框颜色
      "iconColour": "#c9c552" //标签颜色
    },
    "bug": {
      "background": "#eb5c5c",
      "icon": "bug",
      "rulerColour": "#eb5c5c",
      "iconColour": "#eb5c5c"
    },
    "tag": {
      "background": "#38b2f4",
      "icon": "tag",
      "rulerColour": "#38b2f4",
      "iconColour": "#38b2f4",
      "rulerLane": "full"
    },
    "done": {
      "background": "#5eec95",
      "icon": "check",
      "rulerColour": "#5eec95",
      "iconColour": "#5eec95"
    },
    "mark": {
      "background": "#f90",
      "icon": "note",
      "rulerColour": "#f90",
      "iconColour": "#f90"
    },
    "test": {
      "background": "#df7be6",
      "icon": "flame",
      "rulerColour": "#df7be6",
      "iconColour": "#df7be6"
    },
    "update": {
      "background": "#d65d8e",
      "icon": "versions",
      "rulerColour": "#d65d8e",
      "iconColour": "#d65d8e"
    }
  },
  // ==========todo-tree==========
  // ==========fileheader==========
  // 头部注释
  "fileheader.customMade": {
    "Author": "dylin&&zddbic@outlook.com", // 同时获取用户名与邮箱
    "Date": "Do not edit", // 文件创建时间(不变)
    "LastEditors": "dylin&&zddbic@outlook.com", // 文件最后编辑者 与Author字段一致
    "LastEditTime": "Do not edit", // 文件最后编辑时间
    "Description": ""
  },
  // 函数注释
  "fileheader.cursorMode": {
    "description": "", // 函数注释生成之后,光标移动到这里
    "param": "", // param 开启函数参数自动提取 需要将光标放在函数行或者函数上方的空白行
    "return": ""
  },
  "fileheader.configObj": {
    "autoAdd": false, // 自动添加头部注释开启才能自动添加
    // "autoAlready": true, // 默认开启
    // "supportAutoLanguage": [], // 设置过后只有该数组里面的文件 才会自动添加头部注释
    "prohibitAutoAdd": ["json", "md"] // 禁止.json .md文件,自动添加头部注释
  },
  // ==========fileheader==========
  "prettier.singleQuote": true, // 使用单引号代替双引号(jsp文件里使用双引号||``||${}可能有问题.垃圾)
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "vue3snippets.printWidth": 120,
  "prettier.printWidth": 120
}
相关推荐
odng2 小时前
IDEA自己常用的几个快捷方式(自己的习惯)
java·ide·intellij-idea
o(╥﹏╥)2 小时前
在 Ubuntu 上安装 VS Code
linux·运维·vscode·ubuntu·vs
18号房客3 小时前
macOS开发环境配置与应用开发教程(一)
vscode·macos·visualstudio·eclipse·intellij-idea·phpstorm·visual studio
weixin_423196174 小时前
VSCode+WSL作为IDE开发和管理深度学习项目
ide·vscode·编辑器
乐闻x5 小时前
VSCode 插件开发实战(八):创建和管理任务 Task
ide·vscode·编辑器
神洛华6 小时前
Y3地图制作1:水果缤纷乐、密室逃脱
编辑器·游戏引擎·游戏程序
web137656076437 小时前
WebStorm 创建一个Vue项目
ide·vue.js·webstorm
一棵开花的树,枝芽无限靠近你18 小时前
【PPTist】组件结构设计、主题切换
前端·笔记·学习·编辑器
0xdadream18 小时前
typora数学符号
编辑器
带电的小王21 小时前
VSCode:VSCode安装 -- 最简洁的VSCode安装教程
ide·vscode·编辑器