VisualStudioCode

Visual Studio Code のはじめ方

More than 1 year has passed since last update.

Visual Studio Code(以後VSC) は Microsoft社が開発する無料のエディターです。

インストール

https://code.visualstudio.com/docs/setup/setup-overview

プロジェクトディレクトリを開く

まず、下記のようなディレクトリがある想定で解説を行います。

スクリーンショット 2017-10-07 13.35.03.png

開き方 image
VSCを起動し、「フォルダーを開く」よりプロジェクトディレクトリを選択する スクリーンショット 2017-10-07 13.36.51.png
プロジェクトディレクトリをVSCにドラッグ&ドロップする vsc-open.gif
CIから開く(コマンドパレットよりshell installが必要です) vsc-open-ci.gif

編集ファイルを開く

エディターのファイルツリーから選択しても良いですが、ファイル数が多いプロジェクトの場合 cmd + p よりファイル名の一部を入力することで素早く目的のファイルを開くことができます。

vsc-open-file.gif

コマンドパレットを開く

cmd + shif + p でコマンドパレットを開くことができます。コマンドパレットではソース整形から拡張機能の起動まで様々なことができます。

vsc-command-parret.gif

便利なショートカット

ショートカット一覧

win mac アクション
--- cmd + shift + p コマンドパレットを開く
--- cmd + p ファイルを開く
--- cmd + d 複数選択multi-cursor.gif
--- shift + cmd + l 同一テキストを全て選択multi-word-cursor.gif
--- shift + option + i 選択した全ての行にカーソルを置くmulti-end-line-cursor.gif