FIS和FISP使用心得

fis的wiki整理的不是很好，结合最近几天的体会，整理了FIS常用的功能，加上自己对fis的理解，整理了这篇文章

FIS 和 FISP

fis是百度的开源的前端开发解决方案，另外还有个fisp（即fis-plus，前身是fis-pc），fisp可以说是百度业务定制版，主要集成（并扩展）了smarty模板，本地调试等功能。

fisp是在fis基础上做的一层封装，订制了一些 config 配置，所以一些fis的配置，在fisp里面是会自动忽略，不会生效的，比如说jswraper配置。

FIS原理

fis其实是一个 半成品 ，只有经过更多的包装（例如插件）才能发挥最大的作用，fis的核心是生成的 map.json ，很多想法可以通过 map.json 这个表来实现。比如我自己订制的require inline方式。

fisp结合 map.json 和 FISSource.class.php ，对smarty语法进行了扩展，扩展出来了 html、widget、require、script等smarty自定义标签。

想了解详情的童鞋，可以直接看下fisp的 plugin 。

FISP环境部署

安装

  • 安装node环境
  • 配置java环境，并放入环境变量
  • 安装php环境，并且将php.exe放进环境变量

然后进入cmd，依次执行：

#安装fis-plus
$ npm install -g fis-plus
#安装fis-plus调试环境
$ fisp server install pc
# 启动fisp
$ fisp server start
# 这时应该会自动打开系统默认浏览器访问127.0.0.1
# 查看www路径
$ fisp server open
# 清理www路径，慎用，会清理掉之前安装的调试环境
$ fisp server clean
前端开发

more >>