Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 1 year has passed since last update.

VSCodeをインストール for Mac(XBP用)

Last updated at Posted at 2021-08-22

VSCodeのインストール

Visual Studio Codeは様々なHTMLの記述、プログラミングなど様々な言語での開発ができる開発環境です。XBPではPython、HTML(HPの作成)でVSCodeを使って開発していきます。

ダウンロード

ここから自分のPC用のVSCodeをダウンロードしてください。

解凍&アプリケーションに移動

この動画を参考にzipファイルを解凍してでてきたVSCodeのアプリをアプリケーションフォルダに移動させ,Dockに追加しましょう。

日本語化

VSCodeを立ち上げ、この動画を参考に、Japaneseと検索して「Japanese Language Pack for Visual Studio Code」をインストールし、restartすると日本語表示になります。

Live Serverのインストール

この動画を参考にLive Serverをインストールします。
Live Serverをインストールすると、ホームページを作りながら、ブラウザでどのように見えるかを確認できるようになります。

Python

この動画を参考にPythonの拡張機能をインストールします。
Pythonの拡張機能をインストールすると、VSCodeでPythonを使った開発を行うことができます。

0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?