美文网首页
eslint及Prettier - Code formatter

eslint及Prettier - Code formatter

作者: daoqing99 | 来源:发表于2020-08-07 00:07 被阅读0次

    vscode 自动格式化设置,需要下载 eslint插件及Prettier - Code formatter

    在setting.js中

    {
      "prettier.singleQuote": true,
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      },
      // "editor.formatOnSave": true,
      "editor.tabSize": 2,
      "vetur.format.defaultFormatterOptions": {
        "prettier": {
          // 格式化不加分号
          "semi": false,
          // 格式化为单引号
          "singleQuote": true
        }
      },
      // 在方法括号之间插入空格
      "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
      "editor.acceptSuggestionOnCommitCharacter": false,
      "editor.renameOnType": true,
      "javascript.format.insertSpaceAfterSemicolonInForStatements": false,
      "prettier.semi": false
    }
    
    

    单独新建 .prettierrc

    {
      "singleQuote": true, // 使用单引号, 默认false(在jsx中配置无效, 默认都是双引号)
      "semi": false, // 是否使用分号, 默认true
      "prettier.eslintIntegration": true // 走eslint
    }
    

    .prettierrc 的优先级会高于在vscode全局配置settings.json中格式化配置的优先级
    https://www.cnblogs.com/lvonve/p/10785682.html

    相关文章

      网友评论

          本文标题:eslint及Prettier - Code formatter

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