iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
1
Software Development

精通 Visual Studio Code系列 第 3

DAY 3 快速上手 (Part 2)

  • 分享至 

  • xImage
  •  

DAY 3 快速上手 (Part 2)

在昨天的文章中,你應該已經把 VS Code 安裝完成了,今天我就要來帶你認識 VS Code 打開後的畫面啦!

VS Code 介面簡介

VS Code 的定位是在程式碼編輯器,所以不像 IDE 會給你很複雜的介面,第一次開啟 VS Code 的時候,你會看到歡迎頁面如下:

你可以點選「介面概觀」來看到 VS Code 的介面介紹:

備註:由於我是選用 Sublime 的鍵盤快速鍵,所以可能會和你顯示的快捷鍵有所差異,所以你可能需要自己點選這個「介面簡介」來參考快捷鍵。

從畫面左邊開始(也就是側邊欄)由上到下依序你可以看到:

  1. 檔案總管
  2. 跨檔案搜尋
  3. 原始程式碼管理
  4. 啟動並偵錯
  5. 管理擴充功能

備註:底下的第 6 個和第 7 個圖案是因為我裝其他擴充功能跑出來的,在此先忽略不提。另外,你還可以用 來切換側邊欄。

在畫面下方的部份由左到右依序是:

  1. 底下的藍色狀態列是「檢視錯誤和警告」
  2. 整合式終端機 (這個要用快捷鍵打開,按鍵就是 TAB 上面的那個按鍵)
  3. 顯示通知

在畫面中間的部份只有「尋找及執行所有命令」。

備註:在以上介紹的東西中,我最常用的就是「整合式終端機」 和「尋找及執行所有命令」,這兩個快捷鍵特別值得背下來。

明天待續…


上一篇
DAY 2 快速上手 (Part 1)
下一篇
DAY 4 快速上手 (Part 3)
系列文
精通 Visual Studio Code31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言