0
点赞
收藏
分享

微信扫一扫

前端setting.json配置

自信的姐姐 2022-02-13 阅读 73

前端setting.json配置

{
    // prettier 的配置文件存放路径
# "prettier.configPath": "~/.prettierrc",
    // ---------------------------------------
    // 编辑器中文字的大小
    "editor.fontSize": 15,
    // 代码的行高,一般都是字体大小的2倍,看起来比较舒服
    // "editor.lineHeight": 36,
    // 代码缩进使用2个空格,不要使用4个空格
    "editor.tabSize": 2,
    // ---------------------------------------
    // 导入模块时包含模块的后缀名
    "path-autocomplete.extensionOnImport": true,
    // 路径提示
    "path-autocomplete.pathMappings": {
      "@": "${folder}/src"
    },
    // ---------------------------------------
    // 开启编辑器的保存自动格式化功能
    "editor.formatOnSave": true,
    // ESLint 插件的配置
    "editor.codeActionsOnSave": {
      "source.fixAll": true
    },
    "eslint.alwaysShowStatus": true,
    // ---------------------------------------
 
    // 设置 .vue 文件中,HTML代码的格式化插件
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    // 忽略警告信息
    "vetur.ignoreProjectWarning": true,
    // 防止自动导入
    "vetur.completion.autoImport": false,
    // 不验证 .vue 组件的模板结构
    "vetur.validation.template": false,
    // vetur 默认的格式化配置项
    "vetur.format.defaultFormatterOptions": {
        // vetur 默认的格式化配置项
      "prettier": {
        "trailingComma": "none",
        "semi": false,// 句尾添加分号
        "singleQuote": true, // 使用单引号替换双引号
        "printWidth": 300, // 每行文字个数超出此限制将会被迫换行
            "tabWidth": 2,
            "useTabs": false,
            "proseWrap": "never",
            "bracketSpacing": true, // 在对象,数组括号与文字之间加空格 "{ foo: bar }"
            "jsxBracketSameLine": false,
            "arrowParens": "avoid", //  (x) => {} 箭头函数参数只有一个时是否要有小括号。avoid:省略括号
            "insertPragma": false,
            "vueIndentScriptAndStyle": true,
            "quoteProps": "as-needed",
            "jsxSingleQuote": false, // jsx单引号
            "requirePragma": false,
            "htmlWhitespaceSensitivity": "strict",
            "endOfLine": "lf",
      },
      "editor.formatOnSave": true,
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      },
      "js-beautify-html": {
        "wrap_attributes": false
      }
    },
    // ---------------------------------------
    "[vue]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascript]": {
      "editor.defaultFormatter": "vscode.typescript-language-features"
    },
   // 对json文件,使用 vscode内置JSON语言功能 进行格式化
    "[json]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
      "editor.defaultFormatter": "vscode.html-language-features"
    },
    "[css]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[less]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[scss]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[markdown]": {
      "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    // 颜色主题设置
    "workbench.colorTheme": "Abyss",
    // 控制字符串中的字符是否也应进行 unicode 突出显示。
    "editor.unicodeHighlight.includeStrings": false,

    // 格式化stylus, 需安装Manta's Stylus Supremacy插件
  "stylusSupremacy.insertColons": true, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": true, // 是否插入分好
  "stylusSupremacy.insertBraces": true, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  "javascript.format.insertSpaceAfterConstructor": true,
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,// #让函数(名)和后面的括号之间加个空格
  "gitlens.gitCommands.skipConfirmations": [
    "fetch:command",
    "switch:command"
  ],
  "files.associations": {
    "*.cjson": "jsonc",
    "*.wxss": "css",
    "*.wxs": "javascript"
  },
  "emmet.includeLanguages": {
    "wxml": "html"
  },
  // 指定工作台中使用的文件图标主题;若指定为 "null",则不显示任何文件图标。
  "workbench.iconTheme": "vscode-icons",
  // 控制具有未保存更改的编辑器的 自动保存。
  "files.autoSave": "afterDelay",
  "breadcrumbs.enabled": false,
  "minapp-vscode.disableAutoConfig": true,
  // 控制终端的字号(以像素为单位)。
  "terminal.integrated.fontSize": 15,
  // 控制输入消息的字号(以像素为单位)。
  "scm.inputFontSize": 15,



}
举报

相关推荐

0 条评论