vscode代码格式化

6 篇文章 0 订阅
3 篇文章 0 订阅

第一种解决方案

  1. ctrl + shift + X
  2. eslint 安装
  3. ctrl + , 或者打开C:\Users\Administrator\AppData\Roaming\Code\User\setting.json 又或者 文件\首选项\设置\设置json
{
   "editor.tabSize": 2, // 一个制表符等于的空格数。在 #editor.detectIndentation# 启用时,根据文件内容,该设置可能会被覆盖。
   "files.associations": { //配置语言的文件关联 (如: "*.extension": "html")。这些关联的优先级高于已安装语言的默认关联。
       "*.vue": "vue"
   },
   "eslint.autoFixOnSave": true, //开启或关闭“自动修复”功能。
   "eslint.options": { //eslint options对象,提供从命令行执行时通常传递给eslint的arg
       "extensions": [
           ".js",
           ".vue"
       ]
   },
   "eslint.validate": [ //应该由ESLint验证的语言数组
       "javascript", {
           "language": "vue",
           "autoFix": true
       }, "html",
       "vue"
   ],
   "search.exclude": { //配置在搜索中排除的文件和文件夹的 glob 模式。已经继承 #files.exclude# 设置的所有 glob 模式。可在此处阅读有关 glob 模式的详细信息。
       "**/node_modules": true,
       "**/bower_components": true,
       "**/dist": true
   },
   "emmet.syntaxProfiles": { //为指定的语法定义配置文件或使用带有特定规则的配置文件。
       "javascript": "jsx",
       "vue": "html",
       "vue-html": "html"
   },
   "git.confirmSync": false, // 同步 Git 存储库前请先进行确认
   "window.zoomLevel": 0, //调整窗口的缩放级别。原始大小是 0,每次递增(例如 1)或递减(例如 -1)表示放大或缩小 20%。也可以输入小数以便以更精细的粒度调整缩放级别。
   "editor.renderWhitespace": "boundary", // 控制编辑器在空白字符上显示符号的方式。boundary: 除了单个空格,在空白字符上显示符号
   "editor.cursorBlinking": "smooth", //控制光标的动画样式。
   "editor.minimap.enabled": true, //控制是否显示缩略图。
   "editor.minimap.renderCharacters": false, //渲染每行的实际字符,而不是色块。
   "editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallback'", //控制字体系列
   "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
   "editor.codeLens": true, //控制是否在编辑器中显示 CodeLens。
   "editor.snippetSuggestions": "top", //控制代码片段是否与其他建议一起显示及其排列的位置。top: 在其他建议上方显示代码片段建议。    
   "search.followSymlinks": false, //控制是否在搜索中跟踪符号链接。
   "workbench.colorTheme": "Visual Studio Light", //指定用在工作台中的颜色主题。
   "workbench.startupEditor": "newUntitledFile", //在没有从上一会话中恢复出信息的情况下,控制启动时显示的编辑器。   newUntitledFile: 打开新的无标题文件 (仅在打开空工作区时适用)。


   "[html]": { //针对某种语言,配置替代编辑器设置。
       "editor.defaultFormatter": "HookyQR.beautify"
   },
   "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe", //终端在 Windows 上使用的 Shell 的路径。
   "[javascript]": { //针对某种语言,配置替代编辑器设置。
       "editor.defaultFormatter": "vscode.typescript-language-features"
   },
}
  1. OK

更新时间 2020年5月12日 11:01:33

{
    "editor.tabSize": 2, // 一个制表符等于的空格数。在 #editor.detectIndentation# 启用时,根据文件内容,该设置可能会被覆盖。
    "files.associations": { //配置语言的文件关联 (如: "*.extension": "html")。这些关联的优先级高于已安装语言的默认关联。
        "*.vue": "vue"
    },
    "eslint.autoFixOnSave": true, //开启或关闭“自动修复”功能。
    "eslint.options": { //eslint options对象,提供从命令行执行时通常传递给eslint的arg
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "eslint.validate": [ //应该由ESLint验证的语言数组
        "javascript",
        {
            "language": "vue",
            "autoFix": true
        },
        "html",
        "vue"
    ],
    "search.exclude": { //配置在搜索中排除的文件和文件夹的 glob 模式。已经继承 #files.exclude# 设置的所有 glob 模式。可在此处阅读有关 glob 模式的详细信息。
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    "emmet.syntaxProfiles": { //为指定的语法定义配置文件或使用带有特定规则的配置文件。
        "javascript": "jsx",
        "vue": "html",
        "vue-html": "html"
    },
    "git.confirmSync": false, // 同步 Git 存储库前请先进行确认
    "window.zoomLevel": -1, //调整窗口的缩放级别。原始大小是 0,每次递增(例如 1)或递减(例如 -1)表示放大或缩小 20%。也可以输入小数以便以更精细的粒度调整缩放级别。
    "editor.renderWhitespace": "boundary", // 控制编辑器在空白字符上显示符号的方式。boundary: 除了单个空格,在空白字符上显示符号
    "editor.cursorBlinking": "smooth", //控制光标的动画样式。
    "editor.minimap.enabled": true, //控制是否显示缩略图。
    "editor.minimap.renderCharacters": false, //渲染每行的实际字符,而不是色块。
    "editor.fontFamily": "'Droid Sans Mono', 'Courier New', monospace, 'Droid Sans Fallbacke'", //控制字体系列
    "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",
    "editor.codeLens": true, //控制是否在编辑器中显示 CodeLens。
    "editor.snippetSuggestions": "top", //控制代码片段是否与其他建议一起显示及其排列的位置。top: 在其他建议上方显示代码片段建议。    
    "search.followSymlinks": false, //指定用在工作台中的颜色主题。
    "workbench.startupEditor": "newUntitledFile", //在没有从上一会话中恢复出信息的情况下,控制启动时显示的编辑器。   newUntitledFile: 打开新的无标题文件 (仅在打开空工作区时适用)。
    "[javascript]": { //针对某种语言,配置替代编辑器设置。
        "editor.defaultFormatter": "vscode.typescript-language-features"
    },
    "editor.minimap.maxColumn": 60,
    "editor.wordWrap": "on",
    "window.openFilesInNewWindow": "on",
    "terminal.integrated.fontFamily": "monospace",
    "editor.fontWeight": "bold",
    "terminal.integrated.rendererType": "dom",
    "editor.quickSuggestions": {
        "strings": true
    },
    "vsicons.dontShowNewVersionMessage": true,
    // "git.autofetch": true,
    "fileheader.configObj": { //自动添加头部
        "autoAdd": true, // 默认开启
        "prohibitAutoAdd": [
            "json",
            "md",
            "html"
        ], // 禁止.json .md文件,自动添加头部注释
        "showErrorMessage": false
    },
    "fileheader.customMade": {
        "Descripttion": "",
        "version": "",
        "Author": "仲灏Izhaong<164165005@qq.com>",
        "Date": "Do not edit",
        "LastEditors": "仲灏Izhaong<164165005@qq.com>",
        "LastEditTime": "Do not Edit"
    },
    //函数注释
    "fileheader.cursorMode": {
        "Descripttion": "",
        "Author": "仲灏Izhaong<164165005@qq.com>",
        "param": "",
        "return": "",
        "LastEditors": "仲灏Izhaong<164165005@qq.com>",
        "LastEditTime": "Do not Edit"
    },
    "git.autofetch": true,
    "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "python.jediEnabled": false,
    "todo-tree.highlights.enabled": true,
    "todo-tree.tree.showScanModeButton": false,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值