LoginSignup
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

@kacaiya

Visual Studio Codeのインストールと設定

Posted at

Visual Studio Codeのインストール

こちらから取得

拡張機能のインストール

拡張機能は左メニューのこのボタンからインストールします
image.png

Nord Themeのインストール

北欧風のテーマ。妙にカラフルな見た目になってしまうダークテーマが多い中見やすいので気に入っています
image.png

テーマの変更はcommand+shift+pを押して、テーマの変更コマンドを選択します
image.png

便利な拡張機能

Japanese Language Pack for Visual Studio Code

はじめは気合で英語のまま使ってもいいかもしれません

image.png

indent-rainbow

インデントの深さに応じて色を変えてくれます

image.png

Bracket Pair Colorizer

括弧のペアに色をつけてくれます

image.png

Bookmarks

ブックマークしたりリストにしたりできます

image.png

GitLens

コミットの差分を見たり、git blameの代わりに使えます
image.png

Kanban

かんばんボードでタスク管理ができます

image.png

その他

自分がよく使う言語で検索して、インストール数上位の拡張機能をインストール

image.png

設定の変更

ファイルを新規タブで開くようにする

設定から
image.png

workbench.editor.enableと検索して

Workbench › Editor: Enable Preview
Workbench › Editor: Enable Preview From Quick Open
両方のチェックをOFFにします

image.png

0
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?