一个前端,爱跑步、爱吉他、爱做饭、爱生活、爱编程、爱南芳姑娘,爱我所爱。世间最温暖又无价的是阳光、空气与爱,愿它们能带你去更远的地方。

  • 文章
  • 心情
  • 照片墙
  • 留言板
  • 工具
  • 友链
  • biaoblog

    专注web开发技术分享

    Vscode插件Eslint保存代码自动格式化

    技术 309 2020-02-19 15:45

    1.在Vscode应用商店安装eslint + vuter + prettier自动格式化代码配置;

    2.文件—首选项—设置—用户设置—拓展—ESlint—点击“在setting.json”中编辑

    3.黏贴如下代码:

    {
      "window.zoomLevel": -1, // 窗口大小比例
      "editor.tabSize": 2,
      "editor.detectIndentation": false,
      "emmet.triggerExpansionOnTab": true,
      "update.channel": "none",
      "editor.formatOnSave": true, // eslint保存格式化
      "javascript.format.enable": false, // 不启动JavaScript格式化
      "prettier.eslintIntegration": true,
      "javascript.updateImportsOnFileMove.enabled": "never",
      "background.customImages": [],
      "winopacity.opacity": 50,
      "background.style": {
        "opacity": 0
      },
      // "winopacity.opacity": 1,
      "eslint.codeAction.disableRuleComment": {},
      "editor.codeActionsOnSave": null,
      "diffEditor.ignoreTrimWhitespace": false,
      "files.associations": {
        
        "*.tsx": "typescriptreact"
      },
      "[typescriptreact]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
      },
      "[json]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
      },
      "[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features"
      } // 让prettier遵循eslint格式美化,
    }
    

    文章评论

    评论列表(0