個人的PCまわりセットアップまとめ

Last updated at 2023-04-10Posted at 2023-04-07

これは何

備忘録も兼ねて、PCのセットアップで自分のやることをまとめてみました。
随時更新していく予定です。

VS Code

VS Codeの環境設定

setting.jsonに下記を追加します。
内容はコメントで書いているので、詳細は省きます。

setting.json

{
    "editor.fontSize": 12, // フォントサイズを変更
    "editor.guides.bracketPairs": true, // 対応している括弧にガイドを表示する
    "editor.minimap.renderCharacters": false, // ミニマップに実際の文字を表示しない
    "editor.renderControlCharacters": true, // 制御文字を表示する
    "editor.renderLineHighlight": "all", // 現在の選択行をハイライトする
    "editor.renderWhitespace": "boundary", // 半角スペースを・で表示する
    "editor.tabSize": 2, //1つのタブのスペース数
    "editor.unicodeHighlight.includeComments": true,
    "editor.wordWrap": "on", //行を折り返す
    "files.insertFinalNewline": true, // ファイルの末尾に改行を入れる
    "javascript.updateImportsOnFileMove.enabled": "always", //ファイルパスのインポートを自動更新する
    "terminal.integrated.tabs.location": "left",
    "todohighlight.isEnable": true // ターミナルのタブを左にする
    "cSpell.userWords": [ //辞書にテキストを追加する
        "Qiita",
        "Qiitan",
    ],
}

zsh

ブランチ名の表示と補完ができるようにする

以下の記事を参考に進めます。

aliasを設定する

~/.zshrcにalias [入力するコマンド]=‘[元のコマンド]’の形式でaliasを追加します。

# alias
alias doc='docker-compose'

git aliasを設定する

~/.gitconfigに[入力するコマンド]=[元のコマンド]の形式でgit aliasを追加します。

[alias]
	st = status -sb 
	co = checkout
	br = branch
	bd = branch -D
	ft = fetch
	loga = log --graph --oneline
	push-f = push --force-with-lease
	sq = rebase -i --autosquash

拡張機能

全般

Code Spell Checker
- コード内のスペルをチェックしてくれます
Trailing Spaces
- 末尾にスペースが入ってしまった時に、ハイライトしてくれます
TODO Highlight
- TODO:とFIXME:をハイライトしてくれます
Material Icon Theme
- フォルダ・ファイルのアイコンをいい感じにしてくれます
Partial Diff
- ファイル内、異なるファイル間、クリップボードとのdiffが表示できます
change-case
- ケースを変換したい単語を選択し、コマンドパレットで変換したいケースを選択すると、ケースを変換してくれます
- lowerCamelCase, UpperCamelCase, snake_case, kebab-case
相対パスのコピー
- 今いるファイルから、選択したファイルへの相対パスをコピーしてくれます
indent-rainbow
- インデントに色をつけて強調してくれます
Japanese Language Pack for Visual Studio Code
- メニューを日本語にしてくれます