svrx
  • Languages
  • svrx
  • svrx
    • SUMMARY
    • Contributing to svrx
    • Getting Started
    • Blog
      • Server-X: A Pluggable Platform For Local Frontend Development
    • Guide
      • API Reference
      • Option Reference
      • How To Use Routes
    • Plugins
      • How To Write A Plugin
      • How To Use Plugins
    • Practice
      • Integrations
      • Recipes
  • svrx
    • 概要
    • 贡献指南
    • 快速上手
    • Blog
      • Server-X:一款可能提升你十倍工作效率的工具
      • 使用 svrx 实现更优雅的接口 Mock
      • 说说 Server-X 的免安装插件机制
    • 进阶指南
      • API 索引
      • 参数列表
      • Routing 路由的使用
    • 插件体系
      • 如何写一个插件
      • 插件的使用
    • 项目实战
      • 结合主流脚手架使用
      • 特定场景使用
Powered by GitBook
On this page
  • 特性预览
  • 安装和使用
  • 官方插件
  • Debug
  • Mock
  • Build & Compile
  • Serve
  • Network
  • Utility
  • More

Was this helpful?

svrx

PreviousRecipesNext概要

Last updated 3 years ago

Was this helpful?

svrx(server-x) 是一个渐进且易于使用的、插件化的前端开发工作台。

作为前端开发,在不同的开发需求下,一般来说我们会有一套或者多套固定的开发环境。 它可能包括本地服务器以及各种用于调试工程的小工具。 维护这样的开发环境是很麻烦的:你不仅需要单独安装每一个工具,还需要对每一个工具进行设置。 此外,针对不同的工程,你还需要有选择地去开启或关闭某个功能。

svrx 做的,就是利用插件机制来整合各种前端开发服务, 让前端开发者可以自由挑选所需的功能,如静态伺服、代理、远程调试等,且无需关心这些功能插件的安装过程。 有了svrx这样一个前端开发工作台,我们可以轻松做到一份配置对应一套开发环境,实现真正的一键启动开发服务。

特性预览

  • 静态伺服

  • 代理

  • 自动重载页面

安装和使用

官方插件

Debug

Mock

Build & Compile

Serve

Network

Utility

More

支持 Hot Reloading 的

更多的可能:

你可以在阅读使用指南。

: 基于 weinre,在电脑上远程调试手机页面

: 基于 eruda,直接在手机上开启 dev tool 进行调试

: 基于,快速实现 REST API

: 基于来便捷的实现数据 mock

: 提供 webpack 相关功能,编译、hot-reload 等

: 展示 markdown 类型的文件,提供实时预览、hot-reload、自动滚动定位等功能

: 切换 JSON 响应为更友好的展示界面,并且它只影响到直接用页面访问的情况,不影响 fetch 或 xhr 的请求。

: 暴露你的本地服务为公开的外网域名

: 在页面上或 console 中展示当前页面的二维码

来 看看是否有你感兴趣的插件吧!

阅读下,发布属于你的插件其实一点都不难。

路由功能
插件化
这里
svrx-plugin-weinre
svrx-plugin-eruda
svrx-plugin-json-server
json-server
svrx-plugin-mock
mock.js
svrx-plugin-webpack
svrx-plugin-markdown
svrx-plugin-json-viewer
svrx-plugin-localtunnel
svrx-plugin-qrcode
插件集合
插件开发手册吧