背景
在前端开发中,我们经常会需要测试一些简单的 JavaScript 代码,比如一个字符串的截取、一个数组的去重等等。一种常见的做法就是在浏览器的控制台中进行测试。但是,有时候我们需要测试一些复杂的代码,而且希望能够快速地修改和调试这些代码,这时候浏览器控制台可能就不太好用了。那么这个时候,我们可以使用一个叫做 runkit 的 npm 包来帮助我们进行 JavaScript 代码测试和调试。
runkit 的使用
安装
首先,我们需要安装 runkit 依赖包。在命令行中,输入以下命令进行安装:
npm install -g --save-dev --no-cache runkit
运行
安装完成之后,我们就可以在命令行中运行 runkit 了。在命令行中输入以下命令:
runkit
这个时候,run-kit 就会启动一个本地服务器,并在浏览器中打开一个网页用于测试代码。
创建 notebook
在 runkit 中,我们需要创建一个 notebook 来存放我们的测试代码。在网页中新建一个 notebook。
编写代码
在新建的 notebook 中,我们就可以开始编写我们的测试代码了。比如,我们可以编写以下代码来测试一个字符串的截取:
var str = "hello world!"; console.log(str.substring(0, 5));
运行代码
完成代码编写之后,我们就可以点击运行按钮来运行我们的代码。
调试代码
如果我们的代码出现了问题,我们就可以使用 runkit 提供的调试功能来进行调试。我们可以在代码中打上断点,并使用调试控制台来查看变量的值等信息。
总结
通过上面的介绍,我们了解了 runkit 的基本使用方法。runkit 不仅提供了简单方便的代码测试功能,还提供了调试等功能。在我们进行 JavaScript 代码测试和调试的时候,可以考虑使用 runkit 来进行。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60056c5681e8991b448e5d76