vscode格式化配置 配置settings.json文件

已于 2022-10-08 14:34:39 修改
阅读量4k 收藏 6
点赞数 1
文章标签： vue 前端
于 2022-03-31 13:00:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45753447/article/details/123866687
版权

##vscode配置格式化
开始配置settings.json

{
  "[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"
  }
}

OK，配置完了，给自己点个赞赞

呱呱 牛
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode配置setting.json文件实现eslint自动格式代码
10-14
主要介绍了vscode配置setting.json文件实现eslint自动格式代码,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
Vscode函数注释、文件注释格式化文档
Lim的博客
03-28 960
使用VScode进行ESP32编程的时候，发现函数注释，文件注释。这些比较麻烦，作为一个软件工程师，你的代码里面必须有比较重要的注释，所以需要使用一些方法来解决这个问题。
vscode设置的json的配置(个人怕忘了做个记录,各位不用看)_vscode 的edge json
最新发布
2401_84853495的博客
05-17 325
vscode需要安装一个插件。
Vscode:settings.json的个人配置
PassionRiva的博客
08-09 2142
Vscode:settings.json的个人配置
聊聊vscode配置settings.json知其所以然（附大量配置）
幻日のヨハネ
02-06 3万+
前言 vscode 的配置 settings.json 是一个老生常谈的话题，随着时间的流逝我们可能会很高频的改动他，但我们应该极力避免一个问题： ⚠️ 配了某项但是不知道他的作用 ⚠️ 其实就是一个 知其所以然 的问题。 籍此话题，本文将细致的分析我的 settings.json ，希冀可以给读者带来一些帮助。 正文 以下部分插件的配置来自于： 《 前端web开发高效vscode插件分享（辩证的海量实战检验）》 中提到过的插件。 自动保存 { // 自动保存 "files.autoSave":
setting.json 配置
06-08
setting.json 配置
VSCode修改配置（设置settings.json）汇总
cyqzy的博客
04-07 2万+
VSCode修改配置（设置settings.json）汇总
settings.json是什么?VS Code的“用户”和“工作区”
Eliaukoyx
03-26 7757
settings.json是什么?VS Code的“用户”和“工作区”
VSCode 之 设置 settings.json 配置文件
热门推荐
Mr.小灰狼_随笔
02-12 3万+
这篇文章主要介绍了 VSCode-settings.json 配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值 VSCode 从插件库里安装 eslint 和 prettier 也可实现自动格式化设置
如何打开并且配置vscode的setting.json文件
daishu_shu的博客
06-28 7342
setting.json文件的作用就是当你把这个文件放到安装目录下之后，vscode就会自动识别这个文件。这个就可以让你快速把一个全新的vscode设置成自己之前已经设置过的样子提示：以下是本篇文章正文内容，下面案例可供参考。
自己的vscode-settings.json配置详解
10-15
在本文中，我们将深入探讨如何配置Visual Studio Code (VSCode) 的`settings.json`文件，以便优化开发环境。`settings.json`是VSCode的核心配置文件，允许用户自定义编辑器的行为，以适应个人的工作风格和需求。以下...
Settings.json-示例：我的VSCODE的settings.json文件示例
02-15
`settings.json` 文件是Visual Studio Code (VSCODE) 的核心配置文件，它允许用户自定义编辑器的行为、外观和工作环境。通过编辑这个文件，我们可以优化开发体验，使其更符合个人偏好。以下是对 `settings.json` ...
settings.json
08-23
解决vscode的prettier自动格式化代码出现分号等问题的vscode配置文件
VSCode Debug 配置文件
01-18
本篇文章将详细介绍在VSCode中用于调试配置的四个核心文件：`tasks.json`、`launch.json`、`c_cpp_properties.json`和`settings.json`。 1. `launch.json`： `launch.json`文件是VSCode调试配置的核心，它定义了...
细说vscode中的settings.json，你不知道的N个技巧和注意事项
lazy_tomato的博客
12-11 2127
VsCode 是一个微软旗下的代码编辑器。是我用过的代码编辑器中最好的编辑器。特点：智能感知（基于Ts实现的语法提示），支持多端（windows，mac，linux），支持云同步（微软账户内置同步），支持多种语言（js，py，md等等很多格式的文件）,内置代码调试，内置git，插件市场等。上面提到的优点，都深得我心，用一个字形容它：好！初步介绍完 VsCode之后，列一下官网地址。点击我访问 VsCode 官网。
settings.json设置
q4717529的博客
03-16 358
【代码】settings.json设置。
【工程化】个人习惯的vscode开箱配置，例如快捷打开、用户片段、settings.json配置等等
庞囧的博客
06-09 3113
win和mac明显不一样的地方会分开记录，如果差不多mac照着win的操作也是一样的。
vscode软件settings.json配置内容
weixin_62037944的博客
06-13 825
/less编译后的文件是*.wxss。
VSCODE配置文件
Miklechun的专栏
08-11 237
{ "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", "editor.fontSize": 15, "window.zoomLevel": 0.5, "extensions.ignoreRecommendations": true, "emmet.syntaxProfiles": { "vue-html": "html", "vue": "ht.
vscode配置setting.json文件实现自动格式化
08-11
总之，通过配置setting.json文件中的相关选项，我们可以实现VSCode的自动格式化功能，使代码看起来更加整洁和易读。 ### 回答3： 要实现在VSCode中自动格式化代码，需要配置setting.json文件。首先，打开VSCode，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值