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

  • ---

    LINEで送る
  • -

    ブックマーク
  • -

    pocket
  • -

    rss
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

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

visual studio code first view
Visual Studio Codeを日本語化する方法
次のページ
HTML&CSSの本
post-cta-image

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

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


HTML&CSSの本2選

SNSでも記事を配信しています。
コメントを残す

*

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

top
この記事を気に入ったらぜひシェアも!!