vscode代码保存格式化-setting.json代码

已于 2024-01-08 15:13:13 修改
阅读量543 收藏 9
点赞数 11
分类专栏： vscode设置 文章标签： vscode
于 2023-12-04 17:14:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44971069/article/details/134789213
版权

setting.config文件

  1. 第一种
{
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "git.ignoreMissingGitWarning": true,
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript",
    "*.vue": "vue",
    "*.js": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  "emmet.triggerExpansionOnTab": true,
  "minapp-vscode.disableAutoConfig": true,
  "editor.suggestSelection": "first",
  "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  "diffEditor.ignoreTrimWhitespace": false,
  "explorer.confirmDragAndDrop": false,
  "explorer.confirmDelete": false,
  "task.slowProviderWarning": [
    "npm"
  ],
  "workbench.iconTheme": "material-icon-theme",
  "cSpell.userWords": [
    "commercialtenant"
  ],
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "files.autoSave": "onWindowChange",
  "editor.wordWrap": "on",
  "fileheader.customMade": {
    "Description": "文件介绍",
    "version": "1.0.0",
    "Author": "张三",
    "Date": "",
    "LastEditTime": "",
    "LastEditors": "张三"
  },
  "fileheader.cursorMode": {
    "description": "函数介绍",
    "version": "1.0.0",
    "param": "",
    "return": "",
    "author": "张三",
    "Date": ""
  },
  "editor.quickSuggestions": {
    "strings": true
  },
  "better-comments.tags": [
    {
      "tag": "!",
      "color": "#FF2D00",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "?",
      "color": "#3498DB",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "//",
      "color": "#474747",
      "strikethrough": true,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    },
    {
      "tag": "todo",
      "color": "#D63B2A",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": true,
      "italic": true
    },
    {
      "tag": "*",
      "color": "#98C379",
      "strikethrough": false,
      "underline": false,
      "backgroundColor": "transparent",
      "bold": false,
      "italic": false
    }
  ],
  "emmet.extensionsPath": [
    ""
  ],
  "workbench.startupEditor": "newUntitledFile",
  "vetur.format.options.tabSize": 4,
  "terminal.integrated.cursorBlinking": true,
  "terminal.integrated.cursorStyle": "line",
  "editor.tokenColorCustomizations": {
    "comments": "#43e2f7ef", // 注释
    "keywords": "#d204fc", // 关键字
    "variables": "#fa00bbde", // 变量名
    "strings": "#f66925", // 字符串
    "functions": "#efff0d", // 函数名
    "numbers": "#da76ee" // 数字
  },
  // 选中高亮的颜色
  "workbench.colorCustomizations": {
    "editor.selectionHighlightBackground": "#ffe7921c",
    "editor.selectionBackground": "#da7920c7", // 选中区域背景
    // "editor.background": "#0f738005", // 编辑区域背景
    // 侧边栏
    // "sideBar.background": "#2b2b2b",
    // "sideBar.foreground": "#b3b1b1",
    // "sideBar.border": "#2b2b2b",
    // 侧边栏列表
    "list.inactiveSelectionBackground": "#bafd007a",
    // "list.inactiveSelectionForeground": "#2825f6",
    // "list.hoverBackground": "#f6d72585",
    // "list.hoverForeground": "#dfdfdf",
    // peek 窗口
    "peekView.border": "#5b99fc9c",
    // 顶部 tab 栏
    // "tab.border": "#2e2e2e",
    // "tab.activeBackground": "#c6df565b",
    // "tab.activeForeground": "#cfcfcf",
    // "tab.activeBorder": "#5b99fcb9",
    // "tab.hoverBackground": "#2e2e2e",
    // "tab.hoverBorder": "#5b99fcb9",
    // "tab.inactiveForeground": "#8e8e8e",
    // 最左侧工具栏
    "activityBar.background": "#2e2e2e",
    // 状态栏
    "statusBar.background": "#2a2a2a",
    // panel 窗口
    "panelTitle.activeBorder": "#5b99fc5b",
    "panelTitle.activeForeground": "#cfcfcf",
    // 光标
    "editorCursor.foreground": "#7bfc5bb9",
    // 当前行
    "editor.lineHighlightBackground": "#6180b65e",
    // 行号栏的当前行
    "editorLineNumber.activeForeground": "#0ef51a",
    // 行号
    "editorLineNumber.foreground": "#a53131",
    // 标尺
    "editorRuler.foreground": "#3f3f3f",
    // 快捷提示窗口
    // "editorSuggestWidget.highlightForeground": "#7bfc5ba2",
    // "editorSuggestWidget.selectedBackground": "#333f5c",
    // "editor.selectionHighlightBorder": "#90e97259",
    // terminal 中的光标
    "terminalCursor.foreground": "#7bfc5bb9",
    // 侧边栏中一块区域的标题
    "sideBarSectionHeader.background": "#32363d",
    // 区域获取焦点时
    "focusBorder": "#5b99fc36"
  },
  "fileheader.configObj": {
    "createFileTime": true,
    "language": {
      "languagetest": {
        "head": "/$$",
        "middle": " $ @",
        "end": " $/"
      }
    },
    "autoAdd": true,
    "autoAddLine": 100,
    "autoAlready": true,
    "annotationStr": {
      "head": "/*",
      "middle": " * @",
      "end": " */",
      "use": false
    },
    "headInsertLine": {
      "php": 2,
      "sh": 2
    },
    "beforeAnnotation": {
      "文件后缀": "该文件后缀的头部注释之前添加某些内容"
    },
    "afterAnnotation": {
      "文件后缀": "该文件后缀的头部注释之后添加某些内容"
    },
    "specialOptions": {
      "特殊字段": "自定义比如LastEditTime/LastEditors"
    },
    "switch": {
      "newlineAddAnnotation": true
    },
    "supportAutoLanguage": [],
    "prohibitAutoAdd": [
      "json"
    ],
    "prohibitItemAutoAdd": [
      "项目的全称, 整个项目禁止自动添加头部注释, 可以使用快捷键添加"
    ],
    "moveCursor": true,
    "dateFormat": "YYYY-MM-DD HH:mm:ss",
    "atSymbol": [
      "@",
      "@"
    ],
    "atSymbolObj": {
      "文件后缀": [
        "头部注释@符号",
        "函数注释@符号"
      ]
    },
    "colon": [
      ": ",
      ": "
    ],
    "colonObj": {
      "文件后缀": [
        "头部注释冒号",
        "函数注释冒号"
      ]
    },
    "filePathColon": "路径分隔符替换",
    "showErrorMessage": false,
    "wideSame": false,
    "wideNum": 13,
    "functionWideNum": 0,
    "CheckFileChange": false,
    "createHeader": true,
    "useWorker": false,
    "designAddHead": false,
    "headDesignName": "random",
    "headDesign": false,
    "cursorModeInternal": false
  },
  "javascript.updateImportsOnFileMove.enabled": "always",
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "vetur.format.defaultFormatter.html": "prettyhtml",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force"
    },
    "prettyhtml": {
      "printWidth": 80,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    }
  },
  "html.format.contentUnformatted": "",
  "vsicons.dontShowNewVersionMessage": true,
  "VSCodeCounter.languages": {},
  "vetur.grammar.customBlocks": {
    "docs": "md",
    "i18n": "json"
  },
  "highlight.regexes": {
    "((?:<!-- *)?(?:#|// @|//|./\\*+|<!--|--|\\* @|{!|{{!--|{{!) *TODO(?:\\s*\\([^)]+\\))?:?)((?!\\w)(?: *-->| *\\*/| *!}| *--}}| *}}|(?= *(?:[^:]//|/\\*+|<!--|@|--|{!|{{!--|{{!))|(?: +[^\\n@]*?)(?= *(?:[^:]//|/\\*+|<!--|@|--(?!>)|{!|{{!--|{{!))|(?: +[^@\\n]+)?))": {
      "filterFileRegex": ".*(?<!CHANGELOG.md)$",
      "decorations": [
        {
          "overviewRulerColor": "#ffcc00",
          "backgroundColor": "#ffcc00",
          "color": "#1f1f1f",
          "fontWeight": "bold"
        },
        {
          "backgroundColor": "#ffcc00",
          "color": "#1f1f1f"
        }
      ]
    },
    "((?:<!-- *)?(?:#|// @|//|./\\*+|<!--|--|\\* @|{!|{{!--|{{!) *(?:FIXME|FIX|BUG|UGLY|DEBUG|HACK)(?:\\s*\\([^)]+\\))?:?)((?!\\w)(?: *-->| *\\*/| *!}| *--}}| *}}|(?= *(?:[^:]//|/\\*+|<!--|@|--|{!|{{!--|{{!))|(?: +[^\\n@]*?)(?= *(?:[^:]//|/\\*+|<!--|@|--(?!>)|{!|{{!--|{{!))|(?: +[^@\\n]+)?))": {
      "filterFileRegex": ".*(?<!CHANGELOG.md)$",
      "decorations": [
        {
          "overviewRulerColor": "#cc0000",
          "backgroundColor": "#cc0000",
          "color": "#1f1f1f",
          "fontWeight": "bold"
        },
        {
          "backgroundColor": "#cc0000",
          "color": "#1f1f1f"
        }
      ]
    },
    "((?:<!-- *)?(?:#|// @|//|./\\*+|<!--|--|\\* @|{!|{{!--|{{!) *(?:REVIEW|OPTIMIZE|TSC)(?:\\s*\\([^)]+\\))?:?)((?!\\w)(?: *-->| *\\*/| *!}| *--}}| *}}|(?= *(?:[^:]//|/\\*+|<!--|@|--|{!|{{!--|{{!))|(?: +[^\\n@]*?)(?= *(?:[^:]//|/\\*+|<!--|@|--(?!>)|{!|{{!--|{{!))|(?: +[^@\\n]+)?))": {
      "filterFileRegex": ".*(?<!CHANGELOG.md)$",
      "decorations": [
        {
          "overviewRulerColor": "#00ccff",
          "backgroundColor": "#00ccff",
          "color": "#1f1f1f",
          "fontWeight": "bold"
        },
        {
          "backgroundColor": "#00ccff",
          "color": "#1f1f1f"
        }
      ]
    },
    "((?:<!-- *)?(?:#|// @|//|./\\*+|<!--|--|\\* @|{!|{{!--|{{!) *(?:IDEA)(?:\\s*\\([^)]+\\))?:?)((?!\\w)(?: *-->| *\\*/| *!}| *--}}| *}}|(?= *(?:[^:]//|/\\*+|<!--|@|--|{!|{{!--|{{!))|(?: +[^\\n@]*?)(?= *(?:[^:]//|/\\*+|<!--|@|--(?!>)|{!|{{!--|{{!))|(?: +[^@\\n]+)?))": {
      "filterFileRegex": ".*(?<!CHANGELOG.md)$",
      "decorations": [
        {
          "overviewRulerColor": "#cc00cc",
          "backgroundColor": "#cc00cc",
          "color": "#1f1f1f",
          "fontWeight": "bold"
        },
        {
          "backgroundColor": "#cc00cc",
          "color": "#1f1f1f"
        }
      ]
    }
  },
  "[html]": {
    "editor.defaultFormatter": "lonefy.vscode-JS-CSS-HTML-formatter"
  },
  "auto-close-tag.activationOnLanguage": [
    "xml",
    "php",
    "blade",
    "ejs",
    "jinja",
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "plaintext",
    "markdown",
    "vue",
    "liquid",
    "erb",
    "lang-cfml",
    "cfml",
    "HTML (EEx)",
    "HTML (Eex)",
    "plist"
  ],
  "auto-close-tag.disableOnLanguage": [],
  "css.completion.triggerPropertyValueCompletion": false,
  "html-to-css-autocompletion.folderNamesToBeExcluded": [
    "node_modules"
  ],
  "editor.parameterHints": true,
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },
  "workbench.colorTheme": "Atom One Dark",
  "editor.suggest.snippetsPreventQuickSuggestions": false,
  "eslint.codeAction.showDocumentation": {
    "enable": true
  },
  "editor.formatOnSave": true, //每次保存自动格式化
  "vetur.format.defaultFormatter.js": "prettier-eslint",
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}
  1. 第二种
{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "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",
  "open-in-browser.default": "Chrome",
  // 将vetur的js格式化工具指定为vscode自带的
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  // 移除js语句的分号
  "javascript.format.semicolons": "remove",
  // 在函数名后面加上括号，类似这种形式 foo () {}
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  // eslint配置项，保存时自动修复错误。
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  // 指定 *.vue 文件的格式化工具为vetur
  "[vue]": {
    "editor.defaultFormatter": "yoyo930021.vuter"
  },
  "[html]": {
    "editor.suggest.enabled": true
  },
  // 指定 *.js 文件的格式化工具为vscode自带
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "vetur.format.defaultFormatterOptions": {
    "JS-beautify-HTML": {
      // JS-beautify-HTML的设置在这里
      "wrap_attributes": "force-aligned"
    },
    " prettyhtml": {
      "printWidth'": 100, // 每一行不超过100个字符
      "singleQuote": false, // 不用单引号
      "wrapAttributes": false,
      "sortAttributes": true
    },
    "prettier": {
      // 去掉代码结尾的分号
      "semi": false, //不加分号
      "singleQuote": true, //用单引号
      // #让prettier使用eslint的代码格式进行校验
      "eslintIntegration": true,
      "arrowParens": "always"
    }
  },
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  "editor.fontSize": 16,
  // 保存时自动格式化代码
  "editor.formatOnSave": true,
  //可选项。stylus的格式化配置以及sass格式化配置。
  // 格式化stylus, 需安装Manta's Stylus Supremacy插件
  "stylusSupremacy.insertBraces": false, // 是否插入大括号
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  // 启用调试模式。
  "sass.format.debug": false,
  // 删除空格
  "sass.format.deleteEmptyRows": true,
  // 删除最后一个空格。
  "sass.format.deleteWhitespace": true,
  // 将 scss / css 转换为 sass。
  "sass.format.convert": true,
  // 如果 属性:值 为true,则始终设置为1.
  "sass.format.setPropertySpace": true,
  "window.zoomLevel": 1,
  "workbench.colorTheme": "Default Dark+",
  "git.openRepositoryInParentFolders": "never",
  "window.commandCenter": false,
  "workbench.layoutControl.enabled": false,
  // "[html]": {
  //   "editor.defaultFormatter": "vscode.html-language-features"
  // },
  "powermode.enabled": true, //启动效果
  "powermode.presets": "particles", // flames 火花效果、  particles 粒子、 magic 魔法、 fireworks 烟花、 clippy 曲别针
  "powermode.enableShake": false // 关闭代码抖动 「建议关闭，开启容易眼睛花」
}
小叮当仁不让
关注
  • 11
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vscode-setting-python.zip
04-04
在`.vscode`目录下创建`settings.json`文件，可以自定义Python解释器路径、格式化器选项、调试器设置等。 - **调试配置**：在`.vscode`目录下创建`launch.json`文件，可以设置Python调试器参数，如启动脚本、断点、...
详解Vscode中使用Eslint终极配置大全
12-13
通过以上配置，Vscode将在你保存Vue项目文件时自动执行Eslint的校验和修复，并应用Prettier的格式化规则，帮助你保持代码的整洁和规范。同时，这也方便团队成员之间的协作，因为每个人看到的代码格式都是一致的。...
vscode在格式化时可选链(?.)中间加了空格解决方案
qq_46020783的博客
10-10 594
是在html文件中的script标签中编写的代码，因为的设置了保存自动格式化，所以当我写到可选链的时候，这个时候vscode就将我写的?.中间加了一个空格；
Vscode如何设置自动保存代码
HHppGo的博客
06-26 4086
vscode设置代码自动保存
VS Code - 自动保存
Talk is cheap. Show me the code
11-26 4914
VS Code - 自动保存 VS Code - 自动保存 在使用VS Code 编写代码的时候，默认是不保存当前代码的输入，需要 Ctrl + S 手动进行保存，一些情况下难免忘记保存就执行代码，导致一些奇怪的问题。这时候就需要使用 VS Code 自动保存代码了。默认情况下，文件中的代码有了改动资源管理器（下图红框）就会有改动提醒。这时候需要我们手动保存，否则这次代码改动没有生效。在 Settings 中搜索框中输入 Auto Save 然后在相应的设置下拉框中选择 afterDelay 即可。
vscode 自动保存代码设置
Shivy_的博客
02-15 3381
vscode 自动保存代码设置
vscode中settings.json文件配置实现自动格式化代码
weixin_52467069的博客
12-07 692
setting.json的配置，自用。
VSCode 使用教程-8.设置代码自动保存
qq_27371025的博客
09-23 2497
VSCode 编辑代码默认不会自动保存，需手动按`Ctr+S`保存代码，长时间编辑代码没保存可能会导致代码意外丢失。 可以设置自动保存，这样就方便多了。
自己的vscode-settings.json配置详解
10-15
- `"editor.formatOnSave": false`：禁用保存时自动格式化代码。 - `"eslint.autoFixOnSave": true`：在保存时自动应用ESLint修复建议。 - `"prettier.eslintIntegration": true`：使Prettier使用ESLint的规则...
vscode配置setting.json文件实现eslint自动格式代码
10-14
本篇文章将详细介绍如何通过配置 `settings.json` 文件，在 VSCode 中实现 ESLint 自动格式化代码。 首先，我们需要了解 ESLint。ESLint 是一款静态代码分析工具，它能检查 JavaScript 代码并报告潜在的错误和风格...
vscode快捷键整理
02-15
Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言
VSConfig:vs代码的settings.json
03-30
VSCode 是一款由微软开发的免费、开源的代码编辑器，支持多种编程语言，并且可以通过扩展插件来增强其功能。在 VSCode 中，`settings.json` 文件是用于存储用户特定设置和首选项的地方，这些设置可以定制编辑器的...
如何设置vscode编辑器代码格式化(settings.json)
最新发布
tan_xiao_tan的博客
03-20 803
第二步:在搜索框输入"setting",选择文本编辑器选项,点击"settings.json中编辑"第四步:复制粘贴以上代码后,会提示重启,重启vscode之后可以看到组件中代码呈现出来的样式如下。第一步:打开编辑器找到"设置"图标,选择"设置"选项。第三步:把以下代码复制替换原来的配置即可。
基于vscode配置setting.json格式化文档，适合vue,react
张张张的博客
09-20 1072
【代码】基于vscode配置setting.json格式化文档，适合vue,react。
vscode自动格式化settings.json配置
WillRing的博客
06-29 995
【代码】vscode自动格式化settings.json配置。
VScode设置vue文件中保存自动格式化代码以及settings.json文件的配置。
木頭渐空心的博客
11-24 784
最近在做vue 项目中，由于安装有代码检测工具ESlint，每次写完代码后就发现很多语法警告，查找配置好多也有许些小问题，现记录一份settings.json配置文件。
Vscode 自动保存以及保存格式
qq_33715850的博客
12-21 2286
Vscode 自动保存以及保存格式
VSCode 之 设置 settings.json 配置文件
热门推荐
Mr.小灰狼_随笔
02-12 4万+
这篇文章主要介绍了 VSCode-settings.json 配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值 VSCode 从插件库里安装 eslint 和 prettier 也可实现自动格式化设置
vscode 文件格式化
weixin_41624969的博客
09-17 6527
vscode本身的代码格式化快捷键是alt+shift+f,自身的格式化可以格式化部分文件，但是不能定制格式化，如js文件结尾要添加;号，默认使用 " " 等。 如果要实现定制化的格式化，就需要下载以下2个插件。 ESlist和prettier, 下载好之后就可在设置中搜索setting,找到配置文件， 将格式化选择为prettier 之后就可以实现自定义格式化配置了，直接将需要的代码复制到setting文件即可。 // 让prettier使用eslint的代码格式进行校...
vscode配置setting.json文件实现自动格式化
08-11
保存setting.json文件后，即可在保存文件时自动进行代码格式化。这样可以节省时间和提高代码的可读性。 需要注意的是，如果VSCode中还没有安装Prettier插件，需要先安装该插件，方法是点击左侧的扩展图标，搜索...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值