HOME > Web > Visual Studio Codeを使ってみた

Visual Studio Codeを使ってみた

最近評判がよいVisual Studio Codeが気になったので使ってみることにしました。 Visual Studio Codeはマイクロソフト社が無料で提供しているエディタソフトです。

インストール

下記よりダウンロードします。ダウンロードサイズも48MBと結構軽めです。

Visual Studio Codeダウンロードページ

c5970a88f9b6b107c4738f5f4411cac1

zipファイルなので解凍してアプリケーションフォルダに移動すればインストール完了です。

b63e2d7b8448c978fd8734b0dded5956

アプリケーションフォルダに移動したら起動してみます。 初回起動すると下記URLのページが自動で立ちあがります。様々な使い方をビデオで見れるようです。

https://code.visualstudio.com/docs/introvideos/overview?utm_expid=101350005-29.Dor1By5yTmynP2dmCMGGtw.1&start=true

15a4b5625941d78638dc0f145cb6c5d3

やっぱり評判どおり起動は早いです! 下図の画面が表示しますのでとりあえずフォルダを開くをクリックします。

463761ea33ff414d9826b27b06572226

適当にフォルダを作って選択すると下図のようになります。

新規ファイル作成

Sublime TextやAtomのエディタソフトと同様にcommand + shift + pで様々な操作を実行できるようになっています。

644c8894d289a4c50b0566f612a124de

New Fileindex.htmlを作ってみます。 Emmet記法使えるかなと試してみたら、使えました!標準でEmmet記法対応しているんですね。素晴らしい。

e004e6eafdb88d1d0c5be45fe20869fe

ちょっと使った感じSublime TextとAtomと操作感は一緒な感じです。 すでにそういったエディタを使っていた人はすぐなれると思います。

拡張機能(Extension)

拡張機能も他と同じように存在してインストールできます。Visual Studio Codeの場合はExtensionとして機能追加できます。

d52c1c13bbd986dcd57388b352369802

もうすでに数え切れないほどの機能拡張がインストールできます。

c4e0f8acf4b876fd186915b6d781e712

これからが楽しみ

他のエディタに比べて後発なので、まだこれからだと思いますが、MicrosoftといったIT企業の横綱企業が開発しているので今後がとても楽しみなツールです。しかもこの高品質なツールが無料で使えるといったところも素晴らしいですね。

おすすめ拡張機能

おすすめの拡張機能は下記のページで紹介していきます。(随時更新していきます。)