npm-scripts で静的サイトの制作環境を構築 (3) (改) (2)

yarn add prettier --dev

yarn add eslint --dev

.\node_modules\.bin\eslint --init

? How would you like to configure ESLint?
  Use a popular style guide
> Answer questions about your style
  Inspect your JavaScript file(s)

? Which style guide do you want to follow? (Use arrow keys)
> Airbnb (https://github.com/airbnb/javascript)
  Standard (https://github.com/standard/standard)
  Google (https://github.com/google/eslint-config-google)

? Do you use React? (y/N)

? What format do you want your config file to be in?
> JavaScript
  YAML
  JSON

Checking peerDependencies of eslint-config-airbnb-base@latest
The config that you've selected requires the following dependencies:

eslint-config-airbnb-base@latest eslint@^4.19.1 || ^5.3.0 eslint-plugin-import@^2.14.0
? Would you like to install them now with npm? (Y/n)

Successfully created .eslintrc.js file in プロジェクト・フォルダのパス

yarn add eslint-config-airbnb-base eslint-plugin-import --dev

yarn add eslint-config-prettier --dev

module.exports = {
  env: {
    browser: true,
    es2021: true,
  },
  extends: ["airbnb-base", "prettier"],
  parserOptions: {
    sourceType: "module",
  },
  root: true,
  rules: {},
};

yarn add pug-lint --dev

yarn add @prettier/plugin-pug --dev

yarn add stylelint --dev

yarn add stylelint-config-standard --dev

yarn add stylelint-config-recess-order --dev

module.exports = {
  extends: ["stylelint-config-standard", "stylelint-config-recess-order"],
  rules: {
    "at-rule-no-vendor-prefix": true,
    "media-feature-name-no-vendor-prefix": true,
    "property-no-vendor-prefix": true,
    "selector-no-vendor-prefix": true,
    "value-no-vendor-prefix": true,
  },
};

{
  // CSSの検証を有効または無効にします。
  "css.validate": false,

  // 保存時に実行されるコードアクションの種類。
  "editor.codeActionsOnSave": {
    // 保存時にESLintの自動補正を有効/無効にします。
    "source.fixAll.eslint": true,
    // 保存時にstylelintの自動補正を有効/無効にします。
    "source.fixAll.stylelint": true
  },

  // 他のすべてのフォーマッタ設定よりも優先される、既定のフォーマッタを定義します。フォーマッタを提供している拡張機能の識別子にする必要があります。
  "editor.defaultFormatter": "esbenp.prettier-vscode",

  // 貼り付けた内容がエディターにより自動的にフォーマットされるかどうかを制御します。フォーマッタを使用可能にする必要があります。また、フォーマッタがドキュメント内の範囲をフォーマットできなければなりません。
  "editor.formatOnPaste": true,

  // ファイルを保存するときにフォーマットします。フォーマッタが有効でなければなりません。ファイルの遅延保存やエディターを閉じることは許可されていません。
  "editor.formatOnSave": true,

  // エディターで入力後に自動的に行のフォーマットを行うかどうかを制御します。
  "editor.formatOnType": true,

  // JavaScript の検証を有効/無効にします。
  "javascript.validate.enable": false,

  // LESSの検証を有効または無効にします。
  "less.validate": false,

  // PostCSSの検証を有効または無効にします。
  "postcss.validate": false,

  // Control whether pug-lint is enabled for Pug/Jade files or not.
  "puglint.enable": true,

  // SCSSの検証を有効または無効にします。
  "scss.validate": false,

  // TypeScriptの検証を有効または無効にします。
  "typescript.validate.enable": false
}