一个渐进且易于使用的、插件化的前端开发平台。

banner.png

Server-X:一款可能提升你十倍工作效率的工具

如官网描述介绍的一样,Server-X 是一款超高的效率工具,虽然现在它的知名度不是很高,Github上面才241颗星,不过我觉得他是非常棒的一个项目。
顾名思义,server-x(缩写为 svrx)就是一个本地服务器, 并且它还是一个功能丰富、使用便捷的轻量级服务器。

我特别关注的它的一个使用场景:你需要给其他人展示一下你的项目,但是你的项目部署在本地环境中;如果演示你的项目,需要单独部署演示项目,而在server-x中,仅仅需要加载一个插件 svrx-plugin-localtunnel(暴露你的本地服务为公开的外网域名)就可以完美的解决这个问题。

Server-X 特性预览

  • 静态伺服(serve)
  • 代理(proxy)
  • 自动重载页面(livereload)
  • 支持 Hot Reloading 的路由功能
  • 更多的可能: 插件化

初次上手

依赖需求:需要安装 node.js ,在项目文件中打开Bash,输入下方代码:

我们推荐使用 cli 工具来管理和使用 svrx, 全局安装 cli 后你将可以在系统的任意地方使用 svrx。

npm install -g @svrx/cli

等待完成后,可以输入命令行,检查安装版本:

svrx --version          # 查看 cli 及当前使用的 svrx 版本

如下所示:

2345.png

然后就可以输入如下命令,直接运行项目:

svrx

结果如下:

2642.png

提示:前提是你的项目文件中包含一个index.html 的文件

如下,我的项目文件:

2937.png

其中有一个JS文件 svrx.config.js 是svrx配置文件,参考这里 配置持久化

// .svrxrc.js
module.exports = {
  port: 3000,
  https: true,
  livereload: false
};

其中的参数包含:root svrx port https route livereload.... 具体内容参考这里 参数列表

20191108补充内容

svrx-plugin-localtunnel 插件使用

svrx-plugin-localtunnel: 暴露你的本地服务为公开的外网域名
使用场景:将你本机的项目通过插件发布到网络,能够让其他人通过网址访问

在项目文件夹下新建一个 *.svrxrc.js 或者 svrx.config.js 文件 ,内容如下:

// .svrxrc.js
module.exports = {
  port: 5000,
  https: false,
  livereload: false,
  plugins: [
   'localtunnel',
  ],
};

然后在项目文件下打开bash 运行命令 svrx 等待插件部署完成就可以了,结果示意如下:

001.png

本机访问项目和网络访问项目

1450.png

演示的例子在这里下载:

百度网盘:https://pan.baidu.com/s/1wJLbYkeIFj44h8Zvs8wz2A 提取码: dqry
GitHub地址:
https地址:https://github.com/JunqiFu/SvrxExample.git
git地址: [email protected]:JunqiFu/SvrxExample.git GitHub下载别忘了点小星星,(^_^)

更多

最后在写文章的过程中,发现这是网易云音乐前端技术团队的一个开源项目,还是很棒,知乎原文

文章目录