如何在 VSCode 中安裝 JavaScript
JavaScript 是最重要的前端語言之一，因為它賦予您的網頁思考和反應的能力。如果您是前端開發人員，您可能想要將 JavaScript 新增至 IDE。在本教程中，我們將了解如何在 VSCode 中安裝 JavaScript。
在 VSCode 中安裝 JavaScript
Visual Studio Code 是一個完全免費且開放原始碼的程式碼編輯器。它由微軟開發，因其輕量、快速、可擴展的設計而受到開發者的高度推崇。該程式碼編輯器能夠支援各種程式語言，在本教程中，我們將重點放在 JavaScript。
要在 VSCode 中安裝 JavaScript，您需要按照以下步驟操作。
- 安裝 Visual Studio 程式碼
- 安裝 Node.JS
- 創建並運行 JavaScript 程式
讓我們詳細談談它們。
1]安裝Visual Studio程式碼
首先，我們需要在您的電腦上安裝 Visual Studio Code。若要執行相同的操作，請導航至code.visualstudio.com並安裝適合您首選平台的應用程式。下載後，轉到下載位置並將其安裝在您的電腦上。
2]安裝Node.JS
Node.js 是一個免費開源的 JavaScript 執行環境，可以運行在 Windows、Linux、Unix 和 macOS 等各種作業系統上。它使用 V8 JavaScript 引擎在 Web 瀏覽器之外執行 JavaScript 程式碼。使用 Node.js，您可以使用 JavaScript 編寫命令列工具並執行伺服器端腳本。
我們可以從擴充中心安裝 Node.JS 擴充包。因此，透過點擊對應的圖示前往“擴充功能”部分，尋找“Node.JS”，然後按一下與其關聯的“安裝”圖示。該軟體包包含一系列有用的擴展，可用於使用 JavaScript 和 Node.js。
要執行 JavaScript 程式碼，我們需要安裝 Node.js，一個 JavaScript 執行時期。您可以從Nodejs.org官方網站下載它。建議您選擇LTS（長期支援）版本，因為它最穩定，適合大多數用戶。
3]建立並執行JavaScript程序
現在我們已經創建了程式碼運行的環境，讓我們開始編碼吧。要執行相同的操作，您需要先建立一個 VSCode 檔案。因此，打開 Visual Studio Code 並轉到“檔案”>“新檔案”。為其指定一個您選擇的名稱，但副檔名為.js。因此，您可以將其命名為“javascript.js”。若要儲存它，請使用 Ctrl + Shift + S 或檔案 > 儲存為。為了確認一切是否正常，請使用以下命令。
console.log("Hello, world!");
這段 JavaScript 程式碼將輸出“Hello, world!”透過控制台，一個基於文字的介面，用於與您的程式進行通訊。
4]執行JavaScript文件
運行 JavaScript 並不像運行 Java 檔案那麼簡單。您要么必須安裝 CodeRunner，它會為您的 IDE 添加一個按鈕，讓您只需單擊按鈕即可運行程式碼。或者，打開終端，然後使用“cd”或更改目錄命令導航到檔案路徑。因此，只需 cd 到您的檔案路徑 (cd ~/Desktop/JS)，然後執行 Tde filename.js。但是，Code Runner 會自動為您執行此操作。
修復“節點”不被識別為內部或外部命令
如果您收到錯誤訊息“‘node’未被識別為內部或外部命令”，則表示您的系統中未定義路徑變數。因此，您需要按照下面提到的步驟在環境變數中定義路徑。
- 按 Win + R，輸入「環境變數」並開啟編輯系統環境變數部分。
- 按一下環境變數。
- 選擇路徑，然後按一下編輯。
- 點擊“新建”，貼上 Nodejs 的安裝路徑。對我來說，它是“C:\Program Files\nodejs”
- 按一下“確定”。
最後，重新啟動 Visual Studio Code，然後檢查問題是否已解決。
如何在 VS Code 中新增 JavaScript？
要在 Visual Studio Code 中新增 JavaScript，您需要先安裝 VSCode，然後安裝 Node.JS。完成後，創建一個. JS文件，寫程式碼，然後開始寫程式碼。要執行它，只需使用終端導航到檔案路徑，然後執行 node filename.js 或更好地下載 Code Runner 擴充功能。
我們可以在 VS Code 執行 JavaScript 嗎？
是的，您可以在 VS Code 中使用 JavaScript。事實上，VS Code 為 JavaScript 提供了出色的偵錯支援。您可以輕鬆設定斷點、檢查物件、導覽呼叫堆疊以及在偵錯控制台中執行程式碼。如果您想了解有關 VS Code 中調試的更多信息，請導航至code.visualstudio.com。
發佈留言