对于从事自动化测试的同学来说，有很多自动化测试项目是需要使用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脚本的！

是不是很简单呢？如果文章帮助了您，劳烦点赞、收藏、转发！

详解如何使用VS code搭建JavaScript环境（适合小白）相关推荐

virtualbox php mac,详解mac下通过docker搭建LEMP环境
在mac下通过docker搭建LEMP环境境 1.安装virtualbox.由于docker是在lxc环境的容器 2.安装boot2docker,用于与docker客户端通讯 > brew up ...
HTTP协议状态码详解（HTTP Status Code）
HTTP协议状态码详解(HTTP Status Code) 使用ASP.NET/PHP/JSP 或者javascript都会用到http的不同状态,一些常见的状态码为: 200 – 服务器成功返回网页 ...
HTTP协议状态码详解（HTTP Status Code）（转）
原文链接:HTTP协议状态码详解(HTTP Status Code) 使用ASP.NET/PHP/JSP 或者javascript都会用到http的不同状态,一些常见的状态码为: 200 – 服务器 ...
linux上 arm开发环境搭建,详解 LINUX下QT For ARM开发环境搭建过程
LINUX下QT For ARM开发环境搭建过程是本文介绍的内容,不多说,先来看内容.在PC上,我们需要得到两个版本的Qt,分别是:Qt-4.5.2和QtEmbedded-4.5.2-arm.前者包括 ...
详解音视频直播平台搭建中的低延时
详解音视频直播平台搭建中的低延时音视频实时通讯的应用场景已经随处可见,从"吃鸡"的语音对讲.直播连麦.直播答题组队开黑,再到银行视频开户等.对于开发者来讲,除了关注如何能快速实现 ...
Visual Studio Code搭建Java环境
使用Visual Studio Code搭建Java环境第一步先下载我们可以到Visual Studio Code官方下载进入后我们会看到下载好后我们解压解压后进入文件夹下->新建文件 ...
visual studio code搭建Java环境 - 一步一个脚印详细教程
visual studio code搭建Java环境一.软件安装二.添加环境变量三.vscode配置 1.软件本身设置 2.编译环境配置后记一.软件安装 visual studio code ...
详解动态规划最长公共子序列--JavaScript实现
前面两篇我们讲解了01背包问题和最少硬币找零问题.这篇将介绍另一个经典的动态规划问题--最长公共子序列.如果没看过前两篇,可点击下面链接. 详解动态规划最少硬币找零问题--JavaScript实现详 ...
中台详解（下）——怎么搭建中台
编辑导语:上篇文章中作者详细介绍了<什么是中台>,2016年阿里提出的"大中台小前台"战略后,很多企业开始想搭建中台:本文作者详细介绍了中台的定义及在"中台& ...

详解如何使用VS code搭建JavaScript环境（适合小白）

安装NodeJS

下载安装vscode

安装vscode插件 code runner

编写Helloword.js

详解如何使用VS code搭建JavaScript环境（适合小白）相关推荐

最新文章

热门文章