search
LoginSignup
22

More than 3 years have passed since last update.

posted at

updated at

Organization

VSCode で Vue.js に自動で ESLint をかける

まえがき

いままで訳も分からず "editor.formatOnSave": true にして整形してたんですが、この度の Vue 開発で .eslintrc を設定していてもそいつをガン無視して謎の整形をかけられてしまいずっと eslint エラーが出続ける、っていう問題が発生したので、対処法をメモ。

settings.json を設定

メニューの Code > 基本設定 > 設定 (または ⌘ + , )から設定を開いて、設定ファイルに以下を追記。

settings.json
"files.associations": {
    "*.vue": "vue"
},
"eslint.validate": [
    "javascript",
    "javascriptreact",
    {
    "language": "vue",
    "autoFix": true
    }
]

で、 "editor.formatOnSave": false"eslint.autoFixOnSave": true をすると、ESLint だけがファイル保存時整形をしてくれるので、これで一安心。

あとがき

結局、VSCode の Editor: Format On Save は誰の指示でどんなルールで整形してるんですかね。。エディタ?

追記 2019-02-02

ここ( https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode )を見る感じ、vscode の setting.json の editor.* 系の設定は prettier のものだったかもしれないです。かもしれない。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
22