JavaScript

【JAVAscript入门二】VSCODE中配置JavaScript编译环境

daimafengzi · 6月21日 · 2023年 · · · · 本文共669个字 · 预计阅读3分钟2806次已读

VSCODE中配置JavaScript编译环境

01. 起因

由于不是经常写前端JS代码,不想单独安装一个IDE,如WebStorm等,就在VSCODE中配置一个可以运行JS代码的环境吧!

这样使用VSCode即可以写前端代码,也可以写C++代码,还可以写Python代码,真不错!!!

02软件安装

前面有教程了,我就不再写了。看这里:

【JAVAscript入门一】安装使用汉化Visual Studio Code来进行JAVAscript的编写。

03. 实现方式

方式一:使用Node.js做为解释器运行JS代码

Node.js的安装和配置

Node.js的下载:Node.js官网下载地址:https://nodejs.org/en/download/

通过上面的链接下载Node.js

无脑安装:除了需要修改安装路径,其他都是下一步,环境变量也会自动配置

测试nodejs是否安装成功:

cmd下输入:node -v,查看是否能够正常打印出版本号
cmd下输入:npm -v,查看是否能够正常打印出版本号
注:安装node之后会自带npm

在VSCODE中配置Node.js

建立一个文件夹(如:demo),在文件夹中建立一个js文件(如demo.js),使用VSCODE打开该文件夹,然后按下图操作:
【JAVAscript入门二】VSCODE中配置JavaScript编译环境
编写好JS文件之后,按F5就能直接在控制台查看运行结果了

方式二:使用VSCODE插件Code Runner运行JS代码

安装插件

打开VSCODE
【JAVAscript入门二】VSCODE中配置JavaScript编译环境

使用

安装了 Code Runer之后,重启VSCODE,选中要运行的JS文件右键选择 Run Code 运行代码,就可以在控制台查看运行结果了
【JAVAscript入门二】VSCODE中配置JavaScript编译环境

0 条回应
| 耗时 0.354 秒 | 查询 56 次 | 内存 4.23 MB |
本站CDN由One degree CDN提供