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