详解如何使用VS code搭建JavaScript环境(适合小白)
创始人
2024-06-02 16:35:20
0

对于从事自动化测试的同学来说,有很多自动化测试项目是需要使用JavaScript脚本语言进行coding的,包括selenium、playwright、Puppeteer,那么选择哪种IDE合适呢?在这里我推荐visual studio code ,即vscode!注意:本文介绍的是JavaScript在后端运行和调试的方法,并未涉及前端(浏览器)相关开发知识点。

安装NodeJS

NodeJS是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,它是跨平台和开源的。这里我们简单的把浏览器和NodeJS进行一下对比:

1. 浏览器是 JavaScript 的前端运行环境,而 NodeJS 则是 JavaScript 的后端运行环境;

2. JavaScript 在 NodeJS 运行环境中无法调用 DOM 和 BOM 等浏览器内置 API;

3. JavaScript 在浏览器提供的 JavaScript 运行环境中也无法使用 NodeJS 提供的内置 API。

下载nodejs,默认安装即可

https://nodejs.org/en/

安装成功后(windows 环境),在cmd窗口中输入node –v,出现如下提示证明安装成功

C:\Users\Administrator>node -v

v18.15.0

下载安装vscode

下载地址:https://code.visualstudio.com/Download,下载后默认安装即可

安装vscode插件 code runner

这里默认大家已经了解了vscode的基础使用方法,如果不了解可以参考官方文档:

https://code.visualstudio.com/docs

在vscode的插件市场中,搜索code runner,点击安装即可,如下图

编写Helloword.js

创建一个Helloword.js文件,代码如下:

console.log("Hello Javascript!")

在vscode中按 F5,在选择调试器选项中,选择nodejs,脚本会正常运行,输出

Hello Javascript!

大家在调试控制台中会看到

C:\Program Files\nodejs\node.exe .\ Helloword.js

这说明了vscode 通过我们安装的nodejs 运行了这个js脚本。我们手写一个js脚本,通过执行命令node yourjs.js也是可以运行js脚本的!

是不是很简单呢?如果文章帮助了您,劳烦点赞、收藏、转发!

相关内容

热门资讯

大行评级|大摩:维持汇丰控股“... 格隆汇7月3日|摩根士丹利发表报告,预期亚洲银行2025年第二季营运表现稳健,财富管理收入应可持续强...
景嘉微:业务开展与合作情况以指... 投资者提问:董秘好请问和成飞有业务来往吗董秘回答(景嘉微SZ300474):您好,有关公司业务开展与...
酷冷至尊全系一体式水冷享受保内...   炒股就看金麒麟分析师研报,权威,专业,及时,全面,助您挖掘潜力主题机会! IT之家 7 月 3...
全志科技:公司没有参加此次大会... 投资者提问:你好,7月的2025世界人工智能大会,公司有参加吗董秘回答(全志科技SZ300458):...
求一现言,女主车祸魂穿男主妻子... 求一现言,女主车祸魂穿男主妻子身上,女主家重男轻女,女主穿越后学化妆,男主好像是总裁。重生之乖乖妻错...
永泰能源:海则滩煤矿项目预计2... 永泰能源在互动平台表示,海则滩煤矿项目矿建工程于2024年6月进入二期工程施工。目前,四条井筒已全部...
投资者提问:请问公司的ai芯片... 投资者提问:请问公司的ai芯片景宏系列和JM11芯片公司是如何推广的?现在有哪些成效?它与市场上的主...
闷热感拉满!河南所遇皆是熟人 转自:大象文娱 【闷热感拉满!#河南所遇皆是熟人# 】据@中国天气,今天下午,河南、安徽、江苏...
抚松森林公安联合开展“送法进企... 近日,抚松森林公安分局泉水中心派出所联合抚松林区人民检察院第一检察部深入辖区民营企业开展“送法进企业...
美越贸易协议将影响一些中国商品... 7月3日,外交部发言人毛宁主持例行记者会。外交部:中方一贯主张有关谈判和协议不应针对或损害第三方的利...