nuxtプロジェクトで、インストールしたPrettier,eslintの使用方法

個人的なメモ

eslintによるコードの整形はデフォルトでは使用できないので、package.jsonのscripts{}の中に一行追加する。

  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate",
    "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
    "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore",
    "lint": "yarn lint:js && yarn lint:style",
    // ここに一行追加
    "lintfix": "eslint --fix --ext .js,.vue --ignore-path .gitignore ."
  },

これで、yarn lintfixで規約に反した全てのコードを整形してくれる。