美文网首页
2-VScode格式化ESlint方法(可格式化template

2-VScode格式化ESlint方法(可格式化template

作者: Guoyubo | 来源:发表于2018-07-20 12:58 被阅读0次

    1插件:

    1)ESlint

    2)vetur

    3)Prettier - Code formatter

    4)Manta's Stylus Supremacy

    2配置:

    {
      // 强制单引号
      "prettier.singleQuote": true,
      // 尽可能控制尾随逗号的打印
      "prettier.trailingComma": "all",
      // 开启 eslint 支持
      "prettier.eslintIntegration": true,
      // 保存时自动fix
      "eslint.autoFixOnSave": true,
      // 添加 vue 支持
      "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
          "language": "vue",
          "autoFix": true
        }
      ],
      "vetur.format.defaultFormatter": {
        "html": "prettier",
        "css": "prettier",
        "postcss": "prettier",
        "scss": "prettier",
        "less": "prettier",
        "js": "prettier",
        "ts": "prettier",
        "stylus": "stylus-supremacy"
    },
      // 格式化stylus, 需安装Manta's Stylus Supremacy插件
      "stylusSupremacy.insertColons": false, // 是否插入冒号
      "stylusSupremacy.insertSemicolons": false, // 是否插入分好
      "stylusSupremacy.insertBraces": false, // 是否插入大括号
      "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
      "stylusSupremacy.insertNewLineAroundBlocks": false // 两个选择器中是否换行
    }
    

    3使用方法:右键格式化配合ctrl+s使用

    相关文章

      网友评论

          本文标题:2-VScode格式化ESlint方法(可格式化template

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