プロジェクトを作成後にVSCodeの設定をする

毎回設定画面ポチポチもしくは、setting.jsonファイルを書くのはめんどくさい。
そして非効率。

なので、自分なりのsetting.jsonのテンプレートを作ることにした。

まずはディレクトリとファイルの準備

プロジェクト直下に.vscodeディレクトリを作成して、その中にsetting.jsonファイルを格納する。

📂 project
┣ 📂 .vscode
┃ ┗ 📃 setting.json
┣ 📂 public
┗ 📂 src など

setting.jsonに記述する設定のプロパティ名や値は覚えなくても良い

設定のプロパティと値は、VSCodeの設定画面からコピーできる。

そのほか、自分が設定したい項目はググれ!

とりあえずタブと改行の設定

一応VScodeデフォルトのプロパティとPrettierのプロパティの設定を行う。

{
  "editor.tabSize": 2,
  "editor.wordWrap": "wordWrapColumn",
  "editor.wordWrapColumn": 240,
  "prettier.tabWidth": 2,
  "prettier.printWidth": 240,
}