JavaScript 是最重要的前端语言之一,因为它赋予您的网页思考和反应的能力。如果您是前端开发人员,则可能需要将 JavaScript 添加到 IDE 中。在本教程中,我们将了解如何在 VSCode 中安装 JavaScript。
Visual Studio Code 是一个完全免费和开源的代码编辑器。它由 Microsoft 开发,并因其轻量级、快速和可扩展的设计而受到开发人员的高度评价。该代码编辑器能够支持各种编程语言,在本教程中,我们将重点介绍 JavaScript。
要在 VSCode 中安装 JavaScript,您需要按照以下步骤操作。
让我们详细谈谈它们。
1、 安装 Visual Studio Code
首先,我们需要在计算机上安装 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),然后运行节点 filename.js。 但是,Code Runner 会自动为您执行此操作。
如果收到错误,指出“'node' 未被识别为内部或外部命令”,则表示系统中未定义路径变量。因此,您需要按照下面提到的步骤在环境变量中定义路径。
1. 点击 Win + R,键入“环境变量”并打开 编辑系统环境变量 部分。
2. 单击环境变量。
3. 选择“路径”,然后单击“编辑”。
4. 单击“新建”,然后粘贴 Nodejs 的安装路径。对我来说,它是“C:\Program Files\nodejs”
5. 单击“确定”。
最后,重新启动 Visual Studio Code,然后检查问题是否已解决。
如何在 VS Code 中添加 JavaScript?
若要在 Visual Studio Code 中添加 JavaScript,需要先安装 VSCode,然后再安装Node.JS。完成后,创建一个.JS文件,编写代码,然后开始编写代码。要执行它,只需使用终端导航到文件路径,然后运行 node filename.js或更好地下载 Code Runner 扩展。
相关文章
网友评论(共有 0 条评论)