什么是 zuul-localtunnel？
zuul-localtunnel 是一个基于 zuul 和 localtunnel 的 npm 包，它可以帮助前端开发人员将本地的开发环境暴露给外网访问，以便于与其他人员或设备共同调试。
安装
在使用 zuul-localtunnel 之前，需要先安装 Node.js 环境。接下来，在命令行中输入以下命令进行安装：
npm install -g zuul-localtunnel
使用方法
启动 zuul
在项目根目录下创建 test.html 文件和 test.js 文件，并在 test.html 中引入 test.js，然后启动 zuul：
zuul --local 8080 --ui mocha-bdd -- test.js
此时，打开浏览器并访问 http://localhost:8080/__zuul，即可看到测试结果页面。
启动 localtunnel
在命令行中输入以下命令启动 localtunnel：
lt --port 8080
此时，会生成一个类似 https://abc.localtunnel.me 的 URL 地址，这个地址是我们用来访问本地开发环境的。
启动 zuul-localtunnel
在命令行中输入以下命令启动 zuul-localtunnel：
zuul-localtunnel --subdomain abc --port 8080
其中，--subdomain 参数指定了我们想要使用的子域名，可以自定义。此时，我们就可以通过访问 https://abc.localtunnel.me/__zuul 来查看测试结果了。
指导意义
zuul-localtunnel可以帮助前端开发人员在组内共同调试，方便快捷。npm包的安装和使用需要熟悉命令行操作，提高了开发人员的技术水平。- 学习如何配置
zuul和localtunnel可以加深对这两个工具的了解，并提高开发效率。
示例代码
test.html 文件内容：
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------- ------- ----------------------- ------- ------ --- ---------------- ------- -------
test.js 文件内容：
describe('test', function () {
it('should pass', function () {
var title = document.getElementById('title');
title.innerText = 'Hello World';
chai.assert.equal(title.innerText, 'Hello World');
});
});来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/50307