本文章是up翻譯的，侵權(quán)即刪

在 VS Code 中編輯代碼

在本篇教程中，我們涉及到編輯及運(yùn)行小代碼段，特性要點(diǎn)在下文中列出。閱讀完本篇概要之后，如果想了解更多特性，請(qǐng)參閱 相關(guān)資源

Linux 用戶: ?確保您已為L(zhǎng)inux 發(fā)行版正確安裝多媒體代碼。舉例：在 Ubuntu上，你可能需要安裝 ubuntu-restricted-extras 獲取必要代碼來(lái)播放視頻

這里是我們推薦下一個(gè)的視頻：生產(chǎn)力小技巧(https://code.visualstudio.com/docs/introvideos/productivity)

選擇其他視頻：入門視頻(https://code.visualstudio.com/docs/getstarted/introvideos)

視頻要點(diǎn)

• 打開文件夾

• File > Open Folder (Ctrl+K Ctrl+O)

• 文件 > 打開文件夾 (Ctrl+K Ctrl+O)

• 使用文件瀏覽器查看文件夾中的文件及子文件夾

• View > Explorer (Ctrl+Shift+E)

• 查看 > 資源管理器

• 安裝 Node.js 運(yùn)行時(shí) (runtime) 來(lái)執(zhí)行 JavaSScript 代碼

• 在 https://nodejs.org/ 站點(diǎn)中找到你平臺(tái)支持的 Node.js版本

• 檢查 Node.js 安裝狀態(tài)

• 在終端或者命令提示符 (cmd) 中鍵入 node --version

• 新建文本文件

• File > New File (Ctrl+N)

• 文件 > 新建文本文件 (Ctrl+N)

• 創(chuàng)建一個(gè)簡(jiǎn)單的 "Hello world" 控制臺(tái)應(yīng)用，名稱為 app.js

• 智能感知根據(jù)你鍵入的代碼提供相關(guān)建議

• 自動(dòng)格式化源代碼

• Format Document command (Shift+Alt+F)

• 格式化文檔命令 (Shift+Alt+F)

• 打開自動(dòng)保存

• File > Auto Save

• 文件 > 自動(dòng)保存

• 顯示集成終端

• View > Terminal (Ctrl+`)

• 查看 > 終端 (Ctrl+`)

• 拆分終端

• Split Terminal (Ctrl+Shift+5)

• 拆分終端 (Ctrl+Shift+5)

• 新建終端

• Create New Terminal (Ctrl+Shift+`)

• 新建終端 (Ctrl+Shift+`)

• 運(yùn)行應(yīng)用

• 在集成終端中鍵入 node app.js

下一個(gè)視頻

• 生產(chǎn)力小技巧 - 使用這些生產(chǎn)力小技巧成為一個(gè)專業(yè)的 VS Code 用戶(https://code.visualstudio.com/docs/introvideos/productivity)

• 入門視頻- 查看全部列出的視頻(https://code.visualstudio.com/docs/getstarted/introvideos)

相關(guān)資源

• 基礎(chǔ)編輯 - 學(xué)習(xí)強(qiáng)大的 VS Code 編輯器(https://code.visualstudio.com/docs/editor/codebasics)

• 代碼導(dǎo)航 - 在源代碼中快速移動(dòng)(https://code.visualstudio.com/docs/editor/editingevolved)

• Emmet Snippets - 使用 Emmet Snippets(https://code.visualstudio.com/docs/languages/html#_emmet-snippets)

• 任務(wù) - 在 VS Code 中新建任務(wù)來(lái)使用外部工具(https://code.visualstudio.com/docs/editor/tasks)

• JavaScripts 裝飾器(Linters) - 安裝 JavaScript 裝飾器(https://code.visualstudio.com/docs/languages/javascript#_linters)

• 代碼折疊 - 查看源代碼折疊細(xì)節(jié)(https://code.visualstudio.com/docs/editor/codebasics#_folding)

• 提示及技巧 - 有用的 VS Code 提示及技巧(https://code.visualstudio.com/docs/getstarted/tips-and-tricks)