
fis:解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题。
fisp:基于 fis,应用于后端是 php,模板是 smart的场景。现在被大多数百度产品使用。
学习此教程前,需要你对 fisp 工具有一定了解。
工具/原料
fisp
chrome
livereload
方法/步骤
1:在 chrome 中安装livereload 扩展:chrome://extensions/?id=jnihajbhpnppcggbcgedagnkighmdlei
安装成功后,chrome 窗口右上角会出现新的扩展按钮图标。


2:在工程目录下的 fis-conf.j配置文件中设置自动刷新监听端口为 livereload 扩展默认的端口:35729
fis.config.set('livereload.port', 35729);
3:发布工程时附带启动监听的参数 -w,以及启动监听服务的参数 -l,
fisp release -wlr localdevpath
4:点击 livereload 扩展图标,以开启其监听功能:
如此,你在编辑器里对工程代码的修改,就会实时发布、并自动刷新浏览器了。

注意事项
在不启动监听服务(-l)的情况下,无法开启 livereload 为监听状态
不可同时给多个工程( namespace )的发布添加 -l参数
希望本文如何在使用 Fisp 开发的过程中自动刷新页面能帮到你。