在 Visual Studio Code 中編輯程式碼
在本 Visual Studio Code 教學課程中,我們會介紹如何編輯和執行一小段程式碼,包括以下概述的功能。在觀看此概觀後,請繼續閱讀「相關資源」章節以查看更多功能。
以下是我們建議的下一個影片:生產力秘訣
從清單中挑選另一個影片:簡介影片
影片大綱
- 開啟資料夾。
- 檔案 > 開啟資料夾 (Ctrl+K Ctrl+O)
- 使用檔案總管檢視資料夾的檔案和子資料夾。
- 檢視 > 檔案總管 (⇧⌘E (Windows、Linux Ctrl+Shift+E))
- 安裝 Node.js 執行階段以執行 JavaScript 程式碼。
- 在 https://node.dev.org.tw 尋找適用於您平台的 Node.js
- 檢查您的 Node.js 安裝。
- 從終端機或命令提示字元中,輸入
node --version
- 從終端機或命令提示字元中,輸入
- 建立新檔案。
- 檔案 > 新增檔案 (⌘N (Windows、Linux Ctrl+N))
- 建立名為
app.js
的簡單 "Hello world" 主控台應用程式。 - 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 編輯器。
- 程式碼導覽 - 在您的原始程式碼中快速移動。
- Emmet 程式碼片段 - 使用 Emmet 程式碼片段。
- 工作 - 建立工作以在 VS Code 內使用外部工具。
- JavaScript 程式碼檢查器 - 安裝 JavaScript 的程式碼檢查器。
- 程式碼摺疊 - 查看原始程式碼摺疊的詳細資訊。
- 秘訣與技巧 - VS Code 的實用秘訣與技巧。