VSCode周りの環境構築メモ

はじめに

最近新たに開発環境を整えることがあったので、そこでやったことをメモとして残しておきます。
良ければ参考にしてください。

拡張機能

Japanese Language Pack for Visual Studio Code
Prettier - Code formatter
Code Spell Cheker
Git Graph

ユーザ設定

editor.fontSize: フォントサイズの変更
editor.fontFamily: フォント指定
editor.fontLigatures: フォントの合字
workbench.colorTheme: テーマ変更
files.autoSave: 自動保存
files.trimTrailingWhitespace: 保存時に余分なスペースを削除
files.insertFinalNewline: ファイル末尾に改行を追加
editor.formatOnSave: 保存時に自動フォーマット
editor.formatOnPaste: 貼り付け時にフォーマット
editor.formatOnType: 入力中にフォーマット
editor.rulers: 指定の文字の位置に縦ラインを表示
editor.tabSize: タブサイズを指定
editor.insertSpaces: インデントにスペースを使う
editor.autoIndent": 自動インデント
editor.detectIndentation: ファイルのインデントを利用する
prettier.printWidth: 折り返しする文字数
prettier.semi: 行の最後にセミコロンをつけるか
prettier.bracketSameLine: HTMLタグの閉じかっこを同じ行にまとめるか

settings.json

{
  // 全体の設定
  "editor.fontSize": 14,
  "editor.fontFamily": "'Fira Code', Consolas, 'Courier New', monospace",
  "editor.fontLigatures": true,
  "workbench.colorTheme": "Default Dark+",
  "files.autoSave": "afterDelay",
  "files.trimTrailingWhitespace": true,
  "files.insertFinalNewline": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": true,
  "editor.rulers": [80, 100],
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.autoIndent": "full",
  "editor.detectIndentation": false,

  // Pretter
  "prettier.printWidth": 100,
  "prettier.semi": true,
  "prettier.bracketSameLine": true,
}

フォント

Fira Code

最後に

こんなのおすすめだよ！ってのがあったら教えてください。