Visual Stadio Codeをダウンロードしてみた

当サイトではアフィリエイト広告を利用しています。

当サイトではアフィリエイト広告を利用しています。

ブログ開始当初

お勉強してます。

HTMLとかCSSとか理解するため、ユーチューブ見たり、本を借りてきたりしました。

テキストエディターがいるとのことでおすすめにあった

Visual Studio Codeを無料ダウンロードしました。

Visual Studio Codeの無料ダウンロード画面

無料ダウンロードを押すと、こういうのが出ました。

私はウインドウズなのでWindows x64 ユーザーインストーラーを押します。

無料ダウンロードを押すと、選択項目が出た。Windows x64ユーザーインストーラー・macOS Univeersalパッケージ・Linux x64 .deb・Linux x64 .rpm・その他

ダウンロードできました(*´▽`*)ファイルを開いてみます。

VS Code for Windowsをダウンロードしていただきありがとうございます。右上にポップアップ画面でダウンロードのファイルが出ている。ファイルを開くを押す

ダウンロードのところに入っています。アイコンを押してみます。

ダウンロードのところに入っているVSCodeUserSetup-x64-1.84.2.exe

使用許諾契約書の同意が出てきました。同意するにチェックを入れて次へ。

Microsoft Visual Studio Code(User)セットアップのポップアップ画面。使用許諾契約書の同意。同意する・同意しない。次へ、キャンセル

インストール先の指定をして次へを押します。

Microsoft Visual Studio Code(User)セットアップのポップアップ画面。インストール先の指定。Visual Studio Codeをインストールするフォルダを指定して、「次へ」をクリックしてください。続けるには「次へ」をクリックしてください。別のフォルダーを選択するには「参照」をクリックしてください。このプログラムは最低357.2MBのディスク空き領域を必要とします。戻る・次へ・キャンセル

次へを押します。

Microsoft Visual Studio Code(User)のセットアップのポップアップ画面。スタートメニュフォルダーの指定プログラムのショートカットを作成する場所を指定してください。セットアップは次のスタートメニューフォルダーにプログラムのショートカットを作成します。続けるには「次へ」をクリックしてください。違うフォルダーを選択するには「参照」をクリックしてください。Visual Studio Code・参照ボタン□スタートメニューフォルダーを作成しない(D) 戻る・次へ・キャンセル

デスクトップにアイコンを作成したいので、

デスクトップ上にアイコンを作成するにチェックを入れます。

あとは分からないので最初のままにしておいて、次へ。

Microsoft Visual Studio Code(User)セットアップのポップアップ画面。追加タスクの選択。実行する追加タスクを選択してください。Visual Studio Codeインストール時に実行する追加タスクを選択して「次へ」をクリックしてください。アイコンを追加する:デスクトップ上にアイコンを作成する・その他・エクスプローラーのファイルコンテキストメニューに[Codeで開く]アクションを追加する。エクスプローラーのディレクトリコンテキストメニューに[Codeで開く]アクションを追加する。チェック・サポートされているファイルの種類のエディターとしてCodeを登録する・チェックPATHへの追加(再起動後に使用可能)戻る・次へ・キャンセル

インストール準備完了でインストールを押す。

Microsoft Visual Studio Code(User)セットアップのポップアップ画面。インストール準備完了。ご使用のコンピュータへVisual Studio Codeをインストール準備ができました。インストールを続行するには「インストール」を、設定の確認や変更を行うには「戻る」をクリックしてください。インストール先・スタートメニューフォルダー・追加タスク一覧・戻る・インストール・キャンセル

インストールが始まりました。

インストール状況。ご使用のコンピュータにVisualStudioCodeをインストールしています。しばらくお待ちください。ファイルを展開しています。

完了ボタンを押す。

Visual Studio Codeセットアップウィザードの完了。ご使用のコンピュータにVisual Studio Codeがセットアップされました。アプリケーションを実行するにはインストールされたショートカットを選択してください。セットアップを終了するには「完了」をクリックしてください。チェックVisual Studio Codeを実行する・完了ボタン

英語です(*_*)

Visual Studio Codeの画面。英語で表示されている。

画面左上の方のViewを押してCommand Palette...を押します。

Viewの一覧からCommand Palette...を選択している様子

一覧からConfigure Display Languageを押します。

一覧からConfigure Display Languageを選択している様子

日本語を選択します。

言語の一覧

こんなポップアップ画面がでました。日本語に変えていい?ってことですね。

Restartを押します。

Restart Visual Studio Code to swithc to 日本語?To change the display language to 日本語、Visual Studio Code needs to restarat. Restartボタン・Cancelボタン

日本語になりました(*^▽^*)

Visual Studio Codeの画面。日本語表示になっている。

これで使っていきます。

図書館で借りたコーディングの本を使って習いながら、慣れたいと思います(‘ω’)

そしてページスピードインサイトの改善点を改善できたらいいな・・・(^^;)

いつになることやらですが・・・ぼちぼちやっていこうと思います。

今、こどもちゃん関係で精神的にやられてる(-_-;)

わたしががんばってもどうこうできる問題じゃないので

自分で集中できることがあるのはありがたいです(*´Д`)

コメント

タイトルとURLをコピーしました