VScode를 사용하여 프로젝트 설정 파일 준비

Visual Studio Code(이하 vscode)의 설정은 사용자 설정과 작업공간 설정 두 가지가 있습니다.
사용자 설정
작업공간 설정 각 작업공간 설정 가능
작업공간 설정의 사용 상황은 프로젝트에 참가한 모든 사람에게 같은 설정을 실시하고 싶을 때 유효하다
또한 작업공간 설정이 사용자 설정보다 우선 순위가 있음
작업공간을 설정하는 방법만 나열됩니다.
wsl (ubuntu) 을 사용하여 프로젝트를 작업 공간으로 펼치는 상태를 가정합니다.
프로파일 생성

mkdir .vscode
touch .vscode/extensions.json
touch .vscode/settings.json

간단한 설명

.vscode/extensions.json

작업공간에 권장되는 확장 기능 기재

.vscode/settings.json

vscode 자체의 설정을 기재

extensions.json의 작성 예시

{
    "recommendations": [
        "hookyqr.beautify", // beautifyを推奨する場合
        "emmanuelbeziat.vscode-great-icons" // iconを変更
        "chihiro718.whitespacepp" // 改行などをsakura editar 風に表示
        "mhutchie.git-graph" // gitを見やすく
    ]
}

참고로 기재된 이름은 각 확장 기능의 페이지에 기재되어 있습니다.

settings.json의 작성 예시

{
  // エディター上での空白文字の表示方法
  "editor.renderWhitespace": "all",
  // フォントを設定
  "editor.fontFamily": "'MS Gothic' , 'Fira Code', Hasklig, Consolas, 'Courier New', monospace",
  // フォントサイズを変更
  "editor.fontSize": 14,
  // 選択行の行番号をハイライトする
  "editor.renderLineHighlight": "all",
  // 列に選を表示
  "editor.rulers": [40, 80, 120],
  // 1つのタブに相当する半角スペースの数
  "editor.tabSize": 2,
  // 括弧の対応を色付ける
  "editor.bracketPairColorization.enabled": true,
  // 制御文字を表示する
  "editor.renderControlCharacters": true,

  // ファイル保存時に最終行以降の空行を削除
  "files.trimFinalNewlines": true,
  // ファイル保存時に各行の末尾にある半角スペースを削除
  "files.trimTrailingWhitespace": true,
  // 検索ビューの検索結果に行数を併記
  "search.showLineNumbers": true,
  // ファイルアイコンテーマ
  "workbench.iconTheme": "vscode-great-icons",
  // Emmet の候補を表示
  "emmet.showSuggestionsAsSnippets": true,
  // TAB キーで Emmet を展開
  "emmet.triggerExpansionOnTab": true,
  // emmetで自動補完
  "emmet.variables": {
    "lang": "ja"
  },

  //配色を設定
  "workbench.colorCustomizations": {
    // ホバー時のリスト/ツリーの背景
    "list.hoverBackground": "#474747",
    //アクティビティバーの背景色
    "activityBar.border": "#ffffff",
  }
}