VIsualStudioCodeの設定やあれこれ

はじめに

VSCodeのインストール後から日本語化を代表する手順などを記載する

備忘録を主目的に作成する

また、推奨アドインなども含め随時、追加を行う

日本語化手順

日本語パックのアドインを追加することでUIを日本語化させる

手順

1. アドインの検索ボックスへ移動
   Ctrl + Shft + X で拡張機能の検索ボックスに移動
   

2. 日本語パックの検索とインストール
   
   Japanese Language Pack for VS Codeを検索ボックスに入力
   
   対象のアドインを選択しインストールを行う
   
   

3. コマンドパレットの表示
   
   Ctrl + Shft + Pでコマンドパレットに移動

4. 日本語を選択する
   
   Configure Display Languageを入力し実行する
   
   jaを選択し、再起動を行う

参考リンク先

参考1 : Japanese Language Pack for VS Code

参考2 : Display Language

拡張機能の追加

Paste Imageの導入

クリップボードにある画像をCtrl + Alt + Vで簡単にコピペするツール

1. アドインの検索ボックスへ移動
   Ctrl + Shft + X で拡張機能の検索ボックスに移動
   
2. Paste Imageの検索とインストール
   Paste Imageを検索ボックスに入力
   
3. 貼り付け画像の出力先の変更
   現在のパスにあるimgフォルダに出力先を変更

Git Historyの導入

gitの履歴をAlt + Hで確認する

1. アドインの検索ボックスへ移動
   Ctrl + Shft + X で拡張機能の検索ボックスに移動
   
2. Git Historyの検索とインストール
   Git Historyを検索ボックスに入力
   
3. リポジトリの履歴表示
   
   1. Ctrl + Shft + Pでコマンドパレットを表示
      
      
   2. git logを入力してGit View History(git log)を選択する
      
      

Pythonの導入

VSCodeでAnacondaの仮想環境を使用してPython開発を効率化する

1. アドインの検索ボックスへ移動
   Ctrl + Shft + X で拡張機能の検索ボックスに移動
   
2. Pythonの検索とインストール
   Pythonを検索ボックスに入力
   2021-01-04-13-16-54.png
   

3. VSCodeで仮想環境を使用するための設定
   
   Anacondaで作成した仮想環境をサイトを参考して設定する

   1. Ctrl + Shft + Pでコマンドパレットを表示
      
      
   2. Python: Select Interpreterを入力してインタプリタを選択する
      
      
   3. 仮想環境を選択
      
   4. 'conda activate 仮想環境'がVSCode上でエラーが出る場合は環境変数にパスを追加する
      

Docker連携

DockerとWSL2による設定関連は別記事を参照

Docker,WSL2,VSCodeを使用してアプリケーションの開発を効率化する

1. アドインの検索ボックスへ移動
   Ctrl + Shft + X で拡張機能の検索ボックスに移動
   

2. Dockerの導入 の検索とインストール
   
   Dockerを検索ボックスに入力
   
   

3. Remote - Containersの検索とインストール
   
   Remote - Containersを検索ボックスに入力
   
   

4. Dockerコンテナの起動とアタッチ