🚀 在 VS Code 中

Visual Studio Code 入門

在本教學課程中,我們將引導您完成 Visual Studio Code 的設定,並概述基本功能。

以下是我們推薦的下一個影片:Visual Studio Code 中的程式碼編輯

從清單中選擇另一個影片:簡介影片

影片大綱

  • 下載並安裝 VS Code。
  • 開啟資料夾
    • 檔案 > 開啟資料夾 (Ctrl+K Ctrl+O)
  • 檔案總管
    • 檢視 > 檔案總管 (⇧⌘E (Windows, Linux Ctrl+Shift+E))
  • 搜尋檢視
    • 檢視 > 搜尋 (⇧⌘F (Windows, Linux Ctrl+Shift+F))
  • 原始檔控制
    • 檢視 > 原始檔控制 (SCM) (⌃⇧G (Windows, Linux Ctrl+Shift+G))
  • 執行與偵錯
    • 檢視 > 執行 (⇧⌘D (Windows, Linux Ctrl+Shift+D))
  • 擴充功能檢視
    • 檢視 > 擴充功能 (⇧⌘X (Windows, Linux Ctrl+Shift+X))
  • 開啟命令面板。
    • 檢視 > 命令面板... (⇧⌘P (Windows, Linux Ctrl+Shift+P))
  • 輸出面板
    • 檢視 > 輸出 (⇧⌘U (Windows Ctrl+Shift+U, Linux Ctrl+K Ctrl+H))
  • 偵錯主控台
    • 檢視 > 偵錯主控台 (⇧⌘Y (Windows, Linux Ctrl+Shift+Y))
  • 問題面板
    • 檢視 > 問題 (⇧⌘M (Windows, Linux Ctrl+Shift+M))
  • 整合式終端機
    • 檢視 > 終端機 (⌃` (Windows, Linux Ctrl+`))
  • 建立新檔案
    • 檔案 > 新增檔案 (⌘N (Windows, Linux Ctrl+N))
  • 儲存檔案
    • 檔案 > 儲存 (⌘S (Windows, Linux Ctrl+S))
  • 自動儲存
    • 檔案 > 自動儲存
  • 執行
    • 執行 > 開始偵錯 (F5)
  • 程式語言擴充功能
    • Python - IntelliSense、程式碼檢查、偵錯、程式碼格式化、重構等等。
    • Live Preview - 託管本機伺服器以預覽您的網頁。
  • 縮放
    • 縮小 (⌘- (Windows, Linux Ctrl+-))
    • 放大 (⌘= (Windows, Linux Ctrl+=))
  • 使用色彩佈景主題自訂您的編輯器。
    • 檔案 > 喜好設定 > 佈景主題 > 色彩佈景主題 (⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T))

下一個影片

  • 使用者介面 - 檢視 VS Code 的文件。
  • 設定總覽 - 關於開始使用 VS Code 的文件,包括平台特定的設定。
  • IntelliSense - VS Code 在您輸入時提供智慧程式碼完成建議。