ツイート
シェア
LINEで送る
B! はてぶでブックマーク
Pocketでブックマーク
RSSフィード

快適だと噂のVisual Studio Codeのインストール方法

visual studio code image
イラストダウンロードサイト【イラストAC】
の画像をもとに加工しています。

プログラミングのエディタ、Visual Studio Code(VS Code)は快適です。サクサク動きます。

開発に必要な機能は十分で、HTMLとCSSは最初から備わっています。

いまからプログラミングを始めようという初心者にいちばんのオススメです。

シャレにならないくらいGood!

Visual Studio Codeは、プログラミング専用のエディタで、じっさいはIDEといっていいほど機能が充実しています。

IDEは開発統合環境のことで、たんなるエディタではなく、開発に必要なツールを備えた、プログラミングにとって必要不可欠なもの。

IDEを使う・使わないでは、比較にならないほど開発スピードが違います。

というか、使わない人はいない。

Microsoftが開発しているので強力なサポートがあり、これだけのものがオープンソース(無料で使える)なのが驚きです。

15年以上いろいろなエディタを使ってきましたが、拡張機能なしでここまで完成度の高いエディタははじめてです。

HTMLとCSSは標準で入っているので拡張機能がいりません。もちろん、その他の拡張機能も充実しています。

(主要な言語は拡張機能で対応できる。)

いまからプログラミングを始めようという人に絶対のオススメです。

Facebookもデフォルトの開発環境にしているそうです。

Windows, Mac, Linuxで使えます。

インストールもかんたん

早速インストールします。とてもかんたんです。何回か『次へ』ボタンを押したらそれで終わり。

まずは対象OSのインストーラーをダウンロードしましょう。

ダウンロードしたファイルを実行してインストールをはじめます。

今回はWindows10 Proで行いました。ほかのOSでも同じようなもの(のはず)です。

visual studio code install image

『同意する』にチェックして『次へ』を押します。

visual studio code install image

このままでいいです。『次へ』ボタンを押します。

visual studio code install image

なにもせずに『次へ』ボタンを押します。

visual studio code install image

デフォルトは、『PATHへの追加』だけがチェックされています。あとはお好みで。

エクスプローラーのファイル コンテキストメニューに[Code で開く]アクションを追加する
エクスプローラーのディレクトリ コンテキストメニューに[Code で開く]アクションを追加する
ファイルやフォルダを右クリックしたときにVisual Studio Codeを起動して開く
サポートされているファイルの種類のエディターとして、Codeを登録する右クリック -> プログラムから開くにVisual Studio Codeを追加。

『次へ』ボタンを押します。

visual studio code install image

準備完了です。『インストール』ボタンを押します。

visual studio code install image
visual studio code install image

インストール終了です。『完了』ボタンを押します。

vscode - welcome

VS Codeが起動してWelcomeが表示されればOKです。

Visual Studio Codeを日本語化する方法
次の投稿

HTML&CSSの本

post-cta-image

どうしてもインターネットで調べて勉強するのが苦手という人のために、HTMLとCSSの最新技術と基本を網羅できる本を2冊選びました。

この内容を身につければ、ほかの本は必要ありません。将来的には、自分の力で、書籍を使わずに、インターネットにある情報だけで学べます。

コメントを残す

*