一、vscode安装
Visual Studio Code是一款免费、开源、跨平台的轻量级编辑器,在Windows、MacOS、Linux等操作系统上均可使用。因此,我们可以从官网下载安装相应的软件进行使用。
以下是VSCode的官网入口:
https://code.visualstudio.com/
进入网站后,点击Download,选择操作系统以及语言,即可下载对应客户端。双击下载后的安装文件,即可完成安装。
二、VSCode中运行JS文件
1. 创建JS文件
首先,我们需要在VSCode中创建一个.js文件,文件名可以自定义。例如,我们创建一个叫做demo.js的文件。
console.log("Hello World!");
此时,我们可以在demo.js中输入一些JavaScript代码,例如输出字符串"Hello World!"。
2. 用终端运行JS文件
在VSCode中,我们可以直接使用内置终端运行JavaScript文件。具体步骤如下:
首先,打开VSCode中的Terminal,在Windows中可以按下Ctrl + `快捷键,MacOS中可以按下Cmd + `快捷键,即可打开终端。
然后,使用cd命令切换到含有JavaScript文件的目录下。例如,我们把demo.js文件放在Desktop文件夹下,那么我们可以输入以下命令:
cd ~/Desktop
最后,使用node命令运行JavaScript文件,例如我们运行demo.js文件:
node demo.js
此时,我们可以在终端中看到输出"Hello World!"的结果。
3. 使用VSCode中的调试功能
在VSCode中,我们还可以使用内置的调试功能运行JavaScript文件。具体步骤如下:
首先,打开JavaScript文件,按下F5键,选择Node.js作为环境。
然后,VSCode会自动生成一个launch.json文件,该文件用于配置调试选项。例如,我们可以在该文件中加入以下配置:
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Run JavaScript file",
"program": "${workspaceFolder}/demo.js"
}
]
注:${workspaceFolder}代表VSCode打开的工作区路径。
最后,点击"Run JavaScript file"进行调试运行,此时,我们也可以在终端中看到输出"Hello World!"的结果。
4. 扩展插件
在VSCode中,我们还可以通过安装扩展插件来运行JavaScript文件。例如,我们安装"Code Runner"插件,具体步骤如下:
首先,进入扩展商店,搜索"Code Runner"插件,点击安装。
然后,打开JavaScript文件,在其内部使用快捷键Ctrl + Alt + N(MacOS中为Ctrl + Option + N)即可运行JavaScript文件,也可以右键选择"Run Code"运行JavaScript文件。
三、小结
通过上述三种方式,我们可以在VSCode中运行JavaScript文件。除了node命令和VSCode中的调试功能外,我们也可以安装扩展插件来运行JavaScript文件,以达到更快捷的效果。