Jet-Serve

使用Vue、React构建完成的单页面应用，或是包含html页面的静态资源，Jet-serve 可以帮助你快速搭建网页服务器，浏览、测试你构建完成的页面应用。并且不用在多个浏览器、多个设备间来回切换，假设桌子上有pc、ipad、iphone、android等设备，同时打开了某个页面，你在任何一个终端滚动页面、点击等行为也会同步到其他浏览器和设备中。

全局安装

yarn global add jet-serve #或者 npm install jet-serve -g

全局使用

➜  react-demo git:(master) ✗ jet-serve --help
Usage: index [options]

Options:
  -V, --version          output the version number
  -d --directory [bool]  目录浏览 (default: false)
  -i --index [html]      默认打开页面 (default: "index")
  -p --port [number]     服务器端口 (default: 8080)
  -up --uiport [number]  Browsersync配置端口 (default: 9000)
  -h, --help             output usage information

基本功能

# 在当前目录启动服务 默认打开当前目录下的 index.html 页面
jet-serve

# 在当前目录下的 dist 目录启动服务器 默认打开 dist 目录下的 index.html 页面
jet-serve dist

# 在 /User/furic/wwww/project-demo/dist 目录启动服务
jet-serve /User/furic/wwww/project-demo/dist

# 启动服务器默认打开目录浏览
jet-serve dist --directory # 或者 jet-serve dist -d

# 启动服务器默认打开 demo.html 页面
jet-serve dist --index demo # 或者 jet-serve dist -i demo

# 启动服务器默认打开 qr.html 整合所有页面链接的二维码页面
jet-serve dist --index qr # 或者 jet-serve dist -i qr

使用 jet-serve dist --index qr 默认打开二维码页面，将集合dist目录下包含子目录所有 html 页面，并生成链接二维码，可以通过移动终端扫码，同步测试各种平台设备。

使用示例

➜  project-demo ✗ jet-serve dist -i qr
+---------------------------------------------------+
|                                                   |
|   欢迎使用Jet-Serve静态网页多终端同步测试服务器         |
|                                                   |
+---------------------------------------------------+
[Browsersync] Access URLs:
 --------------------------------------
       Local: http://localhost:8080/
    External: http://10.1.146.239:8080/
 --------------------------------------
          UI: http://localhost:9000
 UI External: http://localhost:9000
 --------------------------------------
[Browsersync] Serving files from: /Users/furic/www/project-demo/dist
[Browsersync] Serving files from: /Users/furic/www/jet-serve/zindex
Serving!
More info see:https://github.com/chanjet-fe/jet-serve

项目中本地安装

yarn add jet-serve -D #或者 npm install jet-serve --save-dev

项目中本地使用

在项目的package.json文件中配置scripts。

{
  "name": "project-demo",
  "scripts": {
    "dist-serve": "jet-serve dist"
  },
  "devDependencies": {
    "jet-serve": "^1.0.0"
  }
}

执行：

yarn dist-serve #或者 npm run dist-serve

License

MIT

Copyright (c) 2020-present, chanjet-fe.