美文网首页
vscode set.json配置

vscode set.json配置

作者: 骑着蜗牛撵大象 | 来源:发表于2019-11-07 16:27 被阅读0次

    {

      // 換行

      "editor.wordWrap": "on",

      //忽略git警告

      "git.ignoreMissingGitWarning": true,

      //字体大小

      "editor.fontSize": 18,

      // 两个选择器中是否换行

      "explorer.confirmDelete": false,

      //自定义主题

      //  "workbench.colorTheme": "Dracula Soft", //One Dark Pro Vivid

      "files.autoSave": "onFocusChange",

      "workbench.iconTheme": "vscode-icons",

      "workbench.statusBar.visible": true,

      "workbench.editor.enablePreview": false, //打开文件不覆盖

      "search.followSymlinks": false, //关闭rg.exe进程

      "editor.lineNumbers": "on", //开启行数提示

      //格式化文件

      "[vue]": {

        "editor.defaultFormatter": "esbenp.prettier-vscode"

      },

      "[scss]": {

        "editor.defaultFormatter": "esbenp.prettier-vscode"

      },

      "[javascript]": {

        //定义一个默认格式化程序, 该格式化程序优先于所有其他格式化程序设置。必须是提供格式化程序的扩展的标识符。

        "editor.defaultFormatter": "esbenp.prettier-vscode"

      },

      "[jsonc]": {

        "editor.defaultFormatter": "vscode.json-language-features"

      },

      "[json]": {

        //格式化json

        "editor.defaultFormatter": "vscode.json-language-features"

      },

      "[html]": {

        "editor.defaultFormatter": "esbenp.prettier-vscode"

      },

      "[css]": {

        "editor.defaultFormatter": "esbenp.prettier-vscode"

      },

      "workbench.colorTheme": "One Dark Pro Vivid",

      // 重新设定tabsize 代码缩进修改成4个空格

      "editor.tabSize": 2, //在保存时格式化文件。格式化程序必须可用,延迟后文件不能保存,并且编辑器不能关闭。

      "editor.tabCompletion": "on", //启用 Tab 补全。

      "editor.suggestSelection": "first", //控制在建议列表中如何预先选择建议。 first: 始终选择第一个建议。

      "editor.detectIndentation": false, // 不檢查縮進,保存后統一按設置項來設置

      "editor.fontWeight": "500", //控制字体粗细

      "editor.formatOnType": true, //指定工作台中使用的文件图标主题;若指定为 "null",则不显示任何文件图标。

      "editor.formatOnSave": true,

      "editor.renderWhitespace": "all", //控制编辑器在空白字符上显示符号的方式。

      "editor.cursorBlinking": "smooth", //控制光标的动画样式

      "editor.minimap.enabled": true, //控制是否显示缩略图

      "editor.minimap.renderCharacters": false, //渲染每行的实际字符,而不是色块。

      "editor.codeLens": true, //控制是否在编辑器中显示 CodeLens。

      "editor.renderControlCharacters": true, //控制编辑器是否显示控制字符

      "editor.snippetSuggestions": "top",

      "editor.fontLigatures": true, //启用或禁用字体连字。

      "editor.formatOnPaste": true, // 打开代码自动提示

      // #让prettier使用eslint的代码格式进行校验

      "prettier.eslintIntegration": true,

      // #去掉代码结尾的分号

      "prettier.semi": false,

      //  #使用带引号替代双引号

      "prettier.singleQuote": true,

      "html.format.wrapAttributes": "auto",

      "px2rem-plus.base": 100, //px 转换 rem 单位所用的基准像素数。你也可以为每个文件单独设置这个值。

      "files.trimTrailingWhitespace": true,

      // 终端选中即复制

      "terminal.integrated.copyOnSelection": true,

      // #让vue中的js按编辑器自带的ts格式进行格式化

      //js-beautify-html格式化配置,属性强制换行

      "vetur.format.defaultFormatter.js": "none", //js 使用 typescript

      "vetur.format.defaultFormatterOptions": {

        "prettier": {

          "semi": false, // 去掉分号

          "singleQuote": true // true 为使用单引号

        },

        "js-beautify-html": {

          "wrap_attributes": "auto", //auto

          // 对属性进行换行。

          // - auto: 仅在超出行长度时才对属性进行换行。

          // - force: 对除第一个属性外的其他每个属性进行换行。

          // - force-aligned: 对除第一个属性外的其他每个属性进行换行,并保持对齐。

          // - force-expand-multiline: 对每个属性进行换行。

          // - aligned-multiple: 当超出折行长度时,将属性进行垂直对齐。

          "wrap_line_length": 120,

          "end_with_newline": false

          // #vue组件中html代码格式化样式

        },

        "vetur.format.defaultFormatter.html": "js-beautify-html", // html 使用 beautify prettier

        // tab 自动补全标签

        "workbench.editor.closeEmptyGroups": false,

        "emmet.triggerExpansionOnTab": true, //tab自动补全html代码设置

        "emmet.includeLanguages": {

          "vue-html": "html",

          "wxml": "html",

          "vue": "html"

        },

        // 文件格式

        "emmet.syntaxProfiles": {

          "vue-html": "html",

          "vue": "html",

          "javascript": "jsx"

        },

        "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //  #让函数(名)和后面的括号之间加个空格 "liveServer.settings.donotShowInfoMsg": true,

        "ennet,triggerExpansionOnTab": true,

        "javascript.updateImportsOnFileMove.enabled": "always",

        // #每次保存的时候将代码按eslint格式进行修复 使用eslint 風格使用standard 進行代碼規則限制

        "git.confirmSync": false, //同步 Git 存储库前请先进行确认。

        "team.showWelcomeMessage": false,

        "window.zoomLevel": 0, //调整窗口的缩放级别。原始大小是 0,每次递增(例如 1)或递减(例如 -1)表示放大或缩小 20%。也可以输入小数以便以更精细的粒度调整缩放级别。

        // 解决vscode cpu占用过高问题

        "search.followSymlinks": false,

        // 快捷浏览html页面

        "view-in-browser.customBrowser": "chrome",

        "open-in-browser.default": "chrome",

        "explorer.confirmDragAndDrop": false,

        //根据文件后缀名定义vue文件类型

        "files.associations": {

          "*.vue": "html",

          "*.ejs": "html",

          "*.cjson": "jsonc",

          "*.wxss": "css",

          "*.wxs": "javascript",

          "*.js": "html"

        },

        // 自动美化

        "beautify.language": {

          "js": {

            "type": [

              "javascript",

              "json"

            ],

            "filename": [

              ".eslintrc",

              ".jsbeautify"

            ]

          },

          "css": [

            "css",

            "scss"

          ],

          "html": [

            "htm",

            "html",

            "vue"

          ]

        },

        "minapp-vscode.disableAutoConfig": true,

        "window.title": "${dirty}${activeEditorMedium}${separator}${rootName}",

        //eslint 代码自动检查相关配置

        // #每次保存的时候将代码按eslint格式进行修复

        "eslint.enable": true,

        "eslint.run": "onType",

        "eslint.options": {

          "configFile": "D:/.eslintrc.js",

          "eslint.autoFixOnSave": true, //保存时eslint自动修复错误

          "plugins": [

            "html"

          ],

          "editor.codeActionsOnSave": {

            "source.fixAll": true,

            "source.fixAll.eslint": false

          },

          "extensions": [

            ".js",

            ".vue"

          ]

        },

        "eslint.format.enable": true,

        "eslint.validate": [

          "javascript",

          "javascriptreact",

          "vue-html",

          {

            "language": "vue",

            "autoFix": true

          },

          {

            "language": "js",

            "autoFix": true

          },

          {

            "language": "html",

            "autoFix": true

          },

        ],

        "editor.parameterHints": true,

        "editor.quickSuggestions": {

          //开启自动显示建议

          "other": true,

          "comments": true,

          "strings": true

        },

        "search.exclude": {

          "**/node_modules": true,

          "**/bower_components": true,

          "**/dist": true

        },

        "files.exclude": {

          "**/.classpath": true,

          "**/.project": true,

          "**/.settings": true,

          "**/.factorypath": true

        },

        "html": {

          "allowed_file_extensions": [

            "htm",

            "html",

            "xhtml",

            "shtml",

            "xml",

            "svg"

          ],

          "brace_style": "collapse",

          "end_with_newline": false, // 结尾空出一行

          "indent_char": " ", // 缩进字符类型(空格或者tab)

          "indent_handlebars": false, // e.g. ,

          "indent_inner_html": false, // 缩进 <head> 和 <body> 片段

          "indent_scripts": "keep", // [keep|separate|normal]

          "indent_size": 2, // 缩进单位(这里是4个空格的意思)

          "max_preserve_newlines": 0, // 在一个chunk中允许的最大换行数(0表示不允许)

          "preserve_newlines": true, // 元素前的换行是否被允许存在(仅仅对于elemnet起作用,对tags和text都不起作用)

          "unformatted": [

            "a",

            "span",

            "img",

            "code",

            "pre",

            "sub",

            "sup",

            "em",

            "strong",

            "b",

            "i",

            "u",

            "strike",

            "big",

            "small",

            "pre",

            "h1",

            "h2",

            "h3",

            "h4",

            "h5",

            "h6"

          ], // 不被format的标签(没懂为何有这个选项)

          "wrap_line_length": 0 // Lines should wrap at next opportunity after this number of characters (0 disables)

        },

        "css": {

          "allowed_file_extensions": [

            "css",

            "scss",

            "sass",

            "less"

          ]

        },

        "js": {

          "allowed_file_extensions": [

            "js",

            "json",

            "jshintrc",

            "jsbeautifyrc"

          ],

          "brace_style": "collapse-preserve-inline",

          "break_chained_methods": false, // 将链式调用的函数置于新一行

          "e4x": false, // Pass E4X xml literals through untouched

          "end_with_newline": false, //结尾空出一行

          "indent_char": "\t", // 缩进字符方式(空格:` `;tab:`\t`)

          "indent_level": 0, // Initial indentation level

          "indent_size": 2, // 缩进单位(这里是4个空格的意思)

          "indent_with_tabs": false, // 使用tab缩进,会覆盖 `indent_size` 和`indent_char`的设置

          "jslint_happy": false, // 是否强制使用`jslint-stricter`的模式

          "keep_array_indentation": false, // 保留数组缩进

          "keep_function_indentation": false, // 保留函数缩进

          "max_preserve_newlines": 0, // 在一个chunk中允许的最大换行数(0表示不允许)

          "preserve_newlines": true, // 是否保留换行

          "space_after_anon_function": true, // 匿名函数function关键字和括号之间的空格是否需要, "function()" vs "function ()"

          "space_before_conditional": true, // 是否添加条件语句关键词和括号之间的空格, "if(true)" vs "if (true)"

          "space_in_empty_paren": false, // 函数空参数时是否添加padding值, "f()" vs "f( )"

          "space_in_paren": false, // 是否在函数参数与括号之间插入空格, ie. f( a, b )

          "unescape_strings": false, // Should printable characters in strings encoded in \xNN notation be unescaped, "example" vs "\x65\x78\x61\x6d\x70\x6c\x65"

          "wrap_line_length": 0 // Lines should wrap at next opportunity after this number of characters (0 disables)

        },

        // 格式化stylus, 需安装Manta's Stylus Supremacy插件

        "stylusSupremacy.insertColons": false, // 是否插入冒号

        "stylusSupremacy.insertSemicolons": false, // 是否插入分号

        "stylusSupremacy.insertBraces": false, // 是否插入大括号

        "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行

        "stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换行

        "always-semicolon": true, // 在每个样式后面加“;”

        "block-indent": "  ", // 缩进两个空格

        "color-case": "lower",

        "color-shorthand": true,

        "element-case": "lower",

        "eof-newline": true,

        "leading-zero": false,

        "lines-between-rulesets": 1, // 每组规则后加一个空行

        "quotes": "single",

        "remove-empty-rulesets": true,

        "space-after-colon": " ",

        "space-after-combinator": " ",

        "space-after-opening-brace": "\n", // 在开始的{后换行

        "space-after-selector-delimiter": "\n",

        "space-before-closing-brace": "\n", // 在结束的}后换行

        "space-before-colon": "",

        "space-before-combinator": " ",

        "space-before-opening-brace": " ", // 在开始的{前加空格

        "space-before-selector-delimiter": "",

        "space-between-declarations": "\n", // 每个样式后换行

        "strip-spaces": true,

        "unitless-zero": true,

        "vendor-prefix-align": true,

        "beautify.config": {

          "brace_style": "collapse,preserve-inline",

          "indent_size": 4

        },

        //如果设置成'true',关于新的版本消息将不再显示

        "vsicons.dontShowNewVersionMessage": true,

        "npm.fetchOnlinePackageInfo": false,

        "workbench.startupEditor": "newUntitledFile",

        "workbench.iconTheme": "vscode-icons",

        "launch": {},

        "files.autoSave": "onWindowChange",

        "editor.codeActionsOnSave": {

          "source.fixAll.eslint": true

        },

        "typescript.format.insertSpaceAfterSemicolonInForStatements": false

      },

      "launch": {

        "configurations": [],

        "compounds": []

      },

      "editor.suggest.snippetsPreventQuickSuggestions": false,

      "editor.quickSuggestions": {

        "strings": true

      },

      "cSpell.userWords": [

        "birsdaytoage",

        "getfullyear",

        "isvalidatemobile",

        "validatenmord",

        "validatenull"

      ]

    }

    相关文章

      网友评论

          本文标题:vscode set.json配置

          本文链接:https://www.haomeiwen.com/subject/wddmyctx.html