@modyqyw/eslint-config-vue-ts NPM

@modyqyw/eslint-config-vue-ts

An ESLint shareable config for vue with typescript. Also support uni-app and weex.

Usage

Install the config.

npm i vue@~2.6.0 vue-property-decorator@~9.0.0
npm i -D eslint@~7.10.0 typescript@~4.0.0 @modyqyw/eslint-config-vue-ts@~1.8.0

For yarn, run scripts below.

yarn add vue@~2.6.0 vue-property-decorator@~9.0.0
yarn add -D eslint@~7.10.0 typescript@~4.0.0 @modyqyw/eslint-config-vue-ts@~1.8.0

Add tsconfig.json into the project root if you use typescript. Check Intro to the TSConfig Reference.
Set up.

// .eslintrc.js
module.exports = {
  extends: ["@modyqyw/vue-ts"],
};

VSCode

Install plugins.
Set up Settings.json. Then F1 => Format Document => F1 => File: Save.

{
  "editor.codeActionsOnSave": {
    "source.fixAll": true
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "emmet.includeLanguages": {
    "javascript": "javascriptreact",
    "typescript": "typescriptreact",
    "json": "jsonc",
    "vue-html": "html"
  },
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "html",
    "vue",
    "vue-html"
  ],
  "files.eol": "\n",
  "files.associations": {
    "*.js": "javascriptreact",
    "*.ts": "typescriptreact",
    "*.wxml": "html",
    "*.wxs": "javascriptreact",
    "*.wxss": "css",
    "*.axml": "html",
    "*.sjs": "javascriptreact",
    "*.acss": "css",
    "*.swan": "html",
    "*.ttml": "html",
    "*.ttss": "css",
    "*.jxml": "html",
    "*.jxss": "css",
    "*.wpy": "vue",
    "*.json": "jsonc",
    "*.nvue": "vue",
    "*.ux": "vue"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  }
}