美文网首页
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