美文网首页
【vscode】使用vscode开发Vue项目,eslint实现

【vscode】使用vscode开发Vue项目,eslint实现

作者: 七八个星天 | 来源:发表于2021-08-13 21:28 被阅读0次
    一.安装ESLint插件
    二.安装Prettier - Code formatter
    三.打开vscode的settings.json进行配置
    // 每次保存时将代码按eslint格式进行保存
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      },
    
    四.配置项目的package.json,在eslintConfig里面添加代码,"semi": false去除代码中大括号后面的;,"singleQuote": true设置代码中的引号为单引号
    "eslintConfig": {
       ...
        "rules": {
          "prettier/prettier": [
            "error",
            {
              "semi": false,
              "singleQuote": true
            }
          ]
        }
      },
    

    相关文章

      网友评论

          本文标题:【vscode】使用vscode开发Vue项目,eslint实现

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