【VS Code】覚えておきたい基本操作

【動作環境】
<パソコン>
機種:MacBook Air(13inch)
OS:macOS Sonoma(ver.14.5)

<ソフトウェア>
Visual Studio Code(ver.1.96.0)

本記事では、Visual Studio Code を使うときに覚えておきたい基本操作について解説します。

目次

初歩の初歩

新規ファイルを作成する

STEP
手順1
メニューバーから新規ファイルを作成

1: 画面上部のメニューバーにある[ファイル]をクリックします。

2: [新しいテキストファイル]または[新しいファイル…]をクリックします。

command

新規ファイルの作成

Win Ctrl + N
Mac command + N

ファイルの開く

STEP
手順1
ファイルを開く(1/2)

1: 画面上部のメニューバーから[ファイル]をクリックします。

2: 次に、[開く…]をクリックします。

STEP
手順2
ファイルを開く(2/2)

3: 開きたいファイルを選択します。

4: [開く]を押したら、ファイルが開きます。

ファイルを保存する

ファイル編集直後の画像

ファイルの中身を変更すると、赤で囲まれた部分のように、●が表示されます。

このまま、ファイルを閉じてしまうと、変更内容が保存されませんので、保存してから終了するようにしましょう。

保存は、以下の手順で実行できます。

STEP
手順1
保存手順

1: 上部のメニューバーから[ファイル]をクリックします。

2: [保存]をクリックします。

command

ファイルを保存する

Win Ctrl + S
Mac command + S

名前をつけて保存する

Win Ctrl + Shift + S
Mac command + shift + S

エディターの閉じる

STEP
手順1
フィルを閉じる

1: 画面上部のメニューバーから[ファイル]をクリックします。

2: [エディターを閉じる]をクリックするとエディターが終了します。

command

エディター(タブ)を閉じる

Win Ctrl + W
Mac command + W

作業用フォルダーを開く

作業フォルダーを設定することで、作業が楽になります。

フォルダー内のファイルを簡単に開くことができます。

方法1 サイドバーから設定する

STEP
手順1
サイドバーから作業フォルダーを追加

サイドバーにある[フォルダーを開く]をクリックすることで、開きたいフォルダーを選択できるようになります。

方法2 メニューバーから設定する

STEP
手順1
メニューバーから作業フォルダーを追加

1: 画面上部のメニューバーにある[ファイル]をクリックします。

2: [フォルダーを開く…]をクリックすると、開きたいフォルダーを選択できるようになります。

command

フォルダーを開く

Win Ctrl + K  ⇨ Ctrl + O
Mac command + O

作業フォルダーの中に新規ファイルを作成する

STEP
手順1
作業フォルダー内で新規ファイルの作成

1: 新規ファイル作成マークをクリックします。

画面表示を拡大する

STEP
手順1
説明画像1

1: 画面上部のメニューバーにある[表示]をクリックします。

2: [外観]をクリックします。

3: [拡大]をクリックします。

command

画面の拡大

Win Ctrl + ;
Mac command + shift + ー

画面表示を縮小する

STEP
手順1
説明画像2

1: 画面上部のメニューバーにある[表示]をクリックします。

2: [外観]をクリックします。

3: [縮小]をクリックします。

command

画面の縮小

Win Ctrl + ー
Mac command + ー

設定とカスタマイズ

フォント倍率を変更する

STEP
手順1

以下のボタンを押して、コマンドパレットを開きます。

command

コマンドパレットの開き方

Mac command + shift + P
Win Ctrl + Shift + P

STEP
手順2

以下のように入力します。

拡大する場合:

Increase Editor Font Size

縮小する場合:

Decrease Editor Font Size
説明画像3

エディターの右端でテキストを折り返す

STEP
手順1
説明画像4

1: 画面上部のメニューバーにある[表示]をクリックします。

2: [右側での折り返し]をクリックします。

command

エディターの右側でテキストを折り返す

Win Alt + Z
Mac option + Z


これにて、Visual Studio Code を使うときにで覚えておきたい基本操作についての解説を終わります。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

shimaのアバター shima ライター

IT企業のエンジニア。
ITやソフトウェアに関することをわかりやすくまとめ、多くの人にそれらを知ってもらおうと活動しています。
ご質問やご要望、お仕事依頼がございましたらお問合せフォームよりお願いいたします。

コメント

コメントする

CAPTCHA



reCaptcha の認証期間が終了しました。ページを再読み込みしてください。

目次