前端开发工具vscode插件推荐及配置

vscode插件推荐

vscode 配置 ESLint

  "files.autoSave": "off",
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        "html",
        {
            "language": "vue",
            "autoFix": true
        }
    ],
    "eslint.options": {
        "plugins": [
            "html"
        ]
    },
    "eslint.autoFixOnSave": true,

Vscode + Prettier

    "prettier.singleQuote": true,
    "prettier.semi": false,
    "prettier.eslintIntegration": true,
    "prettier.printWidth": 120,
    "editor.formatOnSave": true,

Vscode + Vetur

 "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
    }
  },

 

来源：oschina

链接：https://my.oschina.net/SZQing/blog/4336306