0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[初心者向け]VSCode の使い方 for mac(備忘録)

Last updated at Posted at 2021-12-19

[対象]
・macユーザー
・ターミナルコマンドを使えない、または苦手意識がある人
・VisualStudioCodeを使ってみたい人

#1.VSCodeをダウンロードする

[VScode公式サイト]

↑このサイトにいく

スクリーンショット 2021-12-19 17.03.46.png

**[今すぐダウンロード]**を押して、VScodeを開く。

#2.VScodeの設定をする

スクリーンショット 2021-12-19 17.06.48.png

**[拡張機能]**の画面に移動する

スクリーンショット 2021-12-19 17.08.55.png

ここで拡張機能を検索する。

[Japanese Languegae Pack]と[LiveSrever]
の二つをインストールする。

**[install]**を押したら、機能が追加される。

その後、[command] + [Q]または[Quit Visual Studio Code]を押して再起動する

#####※再起動をすることで、追加した拡張機能が反映される

スクリーンショット 2021-12-19 17.14.43.png


###<拡張機能の説明>

####[Japanese Languegae Pack]
(日本語でVScodeを使用できる機能)

スクリーンショット 2021-12-19 17.09.56.png

####[LiveSrever]
(編集したファイルをローカルサーバーで見ることができる機能)

スクリーンショット 2021-12-19 17.10.19.png


#3.使用したいファイルをドラッグ&ドロップで取り込む

スクリーンショット 2021-12-19 13.04.42.png

#4.取り込んだファイルを確認できる

スクリーンショット 2021-12-19 17.19.25.png

0
0
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
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?