Visual Studio Code 中的程式碼編輯

在本 Visual Studio Code 教程中，我們將介紹如何編輯和執行一小段程式碼，包括以下功能。看完本概述後，請閱讀相關資源部分，瞭解更多功能。

我們推薦的下一個影片是：提高工作效率的技巧

從列表中選擇另一個影片：入門影片

影片大綱

• 開啟資料夾。
  • 檔案 > 開啟資料夾 (Ctrl+K Ctrl+O)
• 使用檔案資源管理器檢視資料夾的檔案和子資料夾。
  • 檢視 > 資源管理器 (⇧⌘E (Windows、Linux Ctrl+Shift+E))
• 安裝 Node.js 執行時以執行 JavaScript 程式碼。
  • 在 https://nodejs.org 查詢適用於您平臺的 Node.js
• 檢查您的 Node.js 安裝。
  • 在終端或命令提示符中，鍵入 node --version
• 建立新檔案。
  • 檔案 > 新建檔案 (⌘N (Windows、Linux Ctrl+N))
• 建立一個簡單的“Hello world”控制檯應用程式，名為 app.js。
• IntelliSense 在您鍵入時提供建議。
• 自動格式化原始碼。
  • 格式化文件命令 (⇧⌥F (Windows Shift+Alt+F，Linux Ctrl+Shift+I))
• 開啟自動儲存。
  • 檔案 > 自動儲存
• 顯示整合終端。
  • 檢視 > 終端 (⌃` (Windows、Linux Ctrl+`))
• 拆分終端。
  • 拆分終端 (⌘\ (Windows、Linux Ctrl+Shift+5))
• 建立新終端。
  • 建立新終端 (⌃⇧` (Windows、Linux Ctrl+Shift+`))
• 執行應用程式。
  • 在整合終端中，鍵入 node app.js

下一個影片

• 提高工作效率的技巧 - 利用這些提高工作效率的技巧成為 VS Code 的高階使用者。
• 入門影片 - 檢視所有影片列表。

相關資源

• 基本編輯 - 瞭解功能強大的 VS Code 編輯器。
• 程式碼導航 - 快速瀏覽您的原始碼。
• Emmet 程式碼片段 - 使用 Emmet 程式碼片段。
• 任務 - 建立任務以在 VS Code 中使用外部工具。
• JavaScript Linters - 為 JavaScript 安裝 linters。
• 程式碼摺疊 - 檢視原始碼摺疊的詳細資訊。
• 提示和技巧 - 有關 VS Code 的有用提示和技巧。