［その他］Visual Studio Code（VS Code） のインストール

{
  "editor.rulers": [80, 120],        // 80列と120列に縦線が表示される
  "editor.detectIndentation": false, // インデント方法の自動検出を無効にして、settings.json や .editorconfig に任せる
  "editor.renderWhitespace": "all",  // スペースとタブを可視化する
  "workbench.tree.indent": 16,       // 左側のファイルツリーのインデント幅
  "editor.linkedEditing": true,      // 開始タグを変更すると、終了タグも一緒に変更される。終了タグを変更した場合も同様。但し、ファイルによっては反応しない。
  "editor.minimap.enabled": true,    // true：右側のミニマップを表示  false：非表示。
  "editor.wordWrap": "off",          // on：画面の端に来た時に折り返す  off：折り返さない
  "files.eol": "\n",                 // 改行を LF にする

  // 行末のスペースを削除する
  "files.trimTrailingWhitespace": true, 
  "[markdown]": {
    // Markdown は半角スペース2文字が改行扱いのため除外する。改行はバックスラッシュを使用した方がわかりやすい
    "files.trimTrailingWhitespace": false,
  },

  // ファイルの末尾に改行を入れる
  "files.insertFinalNewline": true, // 末尾に改行を入れたくない場合は、false にして、Prettier も無効にする必要がある
}

npm init -y                           # package.json がない場合 

npm install -D --save-exact prettier  # --save-exact バージョン固定

{
  "editor.defaultFormatter": "esbenp.prettier-vscode", // Prettier をフォーマッターとして使用する
  "editor.formatOnSave": true,                         // 保存時にフォーマットする
  "editor.formatOnPaste": false,                       // false：ペースト時にフォーマットしない
}

npm install -D eslint

npm init @eslint/config@latest

? What do you want to lint? ...  # lint の対象。必要に応じて増やす。
(*) JavaScript
( ) JSON
( ) JSON with comments    # JSONC（.jsonc）。コメントが可能。
( ) JSON5                 # JSON5（.json5）。コメント、末尾カンマ、キー引用符省略、シングルクォート、16進数が可能
( ) Markdown
( ) CSS

? How would you like to use ESLint? ...
  To check syntax only
> To check syntax and find problems    # 構文のチェックと問題の検知

? What type of modules does your project use? ...
> JavaScript modules (import/export)   # ESM (ES Modules)
  CommonJS (require/exports)
  None of these

? Which framework does your project use? ...
  React
> Vue.js
  None of these  # フレームワークを使用しない場合

? Does your project use TypeScript? » No / Yes    # TypeScript を使う場合は Yes

? Where does your code run? ...  (Press <space> to select, <a> to toggle all, <i> to invert selection)
(*) Browser  # ブラウザで動かす場合はチェックする。Express などのサーバサイドの場合はチェックをはずす
( ) Node     # Express、Next.js、Nuxt を使う場合は、こちらにもチェックを入れる

? Which language do you want your configuration file be written in? ...  # 設定ファイルの書き方
> JavaScript  # JavaScript を使うプロジェクトの場合
  TypeScript  # TypeScript を使うプロジェクトの場合

eslint, @eslint/js, globals, typescript-eslint, eslint-plugin-vue
? Would you like to install them now? » No / Yes   # Yes でパッケージのインストール

? Which package manager do you want to use? ...
> npm    # npm でパッケージを管理している場合
  yarn
  pnpm
  bun

export default defineConfig([
    ：
    ：  （省略）
    ：
  },
  
  {
    rules: {
      "no-console": [
        "warn", // 全ての console に警告を出す
        { allow: ["warn", "error"] }, // console.warn() と console.error() は警告を出さない
      ],

      // const への再代入
      "no-const-assign": "off", // @typescript-eslint に任せる場合は off にする

      // 未使用変数
      "no-unused-vars": "off", // @typescript-eslint に任せる場合は off にする

      // 宣言していない変数・関数の使用
      "no-undef": "off", // @typescript-eslint に任せる場合は off にする。誤検知防止のため。

      // 未使用変数をエラーにする
      "@typescript-eslint/no-unused-vars": [
        "error",
        {
          argsIgnorePattern: "^_", // 関数の引数の変数名の先頭が _ は除外
          varsIgnorePattern: "^_", // 通常の変数名の先頭が _ は除外
        },
      ],
    },
  },

]);  // defineConfig([  の閉じ括弧

npm install -D eslint-config-prettier

{
  // ESLint を有効にする
  "eslint.enable": true,

  // 保存時に ESLint のコード修正を実行する
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
  },

  // ESLint で検証する言語
  "eslint.validate": ["javascript", "typescript", "vue"],

  // eslint.config.mjs（新しい形式）を使用する
  "eslint.useFlatConfig": true,

  // false：フォーマッターとして ESLint を使わない（Prettier を使うため）
  "eslint.format.enable": false, 

  // 設定ファイルを自動で検出する
  "eslint.workingDirectories": [{ "mode": "auto" }],
}

npm install -D jiti

{
  "php.validate.executablePath": "D:/xampp/php/php.exe",
}

{
  // VS Code のデフォルトの補完機能を無効にする
  "php.suggest.basic": false,
  "php.validate.enable": false,

  // 整形機能を有効にする。Laravel のプロジェクトでは、false（無効）にして、整形を Laravel Pint に任せます。
  "intelephense.format.enable": true,

  // 補完で使用する PHP のバージョン
  "intelephense.environment.phpVersion": "8.2",

  // PHP のデフォルトフォーマッターを PHP Intelephense にする
  "[php]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client" // Laravel では "open-southeners.laravel-pint"（Laravel Pint）にする。
  }
}

  "[blade]": {
    "editor.formatOnSave": true
    "editor.defaultFormatter": "shufo.vscode-blade-formatter",
  }

  "[php]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "open-southeners.laravel-pint"
  }

  "[php]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "bmewburn.vscode-intelephense-client"
  }

  // 検索から除外する（true：除外する、false：除外しない）
  "search.exclude": {
    "**/node_modules": true,
    "**/vendor": true,
    "**/.git": true,
    "**/dist": true,
    "**/build": true
  }

root = true

[*]
charset = utf-8
end_of_line = lf
indent_size = 2
indent_style = space
insert_final_newline = true
trim_trailing_whitespace = true

[*.php]
indent_size = 4

[*.md]
trim_trailing_whitespace = false

[*.{yml,yaml}]
indent_size = 2

[compose.yaml]
indent_size = 4