{%define%}

F.I.S的官网就是使用fis系统进行开发的，获取该网站的代码并观察里面的代码运行是体验F.I.S最直接的方式：

  1. 安装fis

     npm install -g fis

  2. 安装用于编译markdown的fis插件 fis-parser-marked

     npm install -g fis-parser-marked

  3. 启动fis的调试服务器（注意添加 --no-rewrite 参数），如果报错 没有php-cgi环境，请 安装 它，并把php-cgi命令加到系统的环境变量中：

     fis server start --no-rewrite

  4. 使用 fis server install <name> 命令给调试服务器安装运行官网项目的所依赖的smarty库：

     fis server install smarty

  5. 创建一个项目目录并进入，使用 fis install <name> 命令来获取官网项目demo，将其安装到当前目录下：

     mkdir project
        cd project
        fis install fis-site

  6. 对项目进行编译，fis会将产出后的代码投送到调试目录下：

     fis release

  7. 浏览 http://localhost:8080 即可看到fis官网的样子啦！

  8. 使用 fis release 命令的 --optimize，--md5，--pack 参数来对网站进行 优化，加md5戳，打包：

     fis release --optimize --md5 --pack

  9. 再次浏览 http://localhost:8080 页面，其源码均已实现优化。

  10. 浏览 http://localhost:8080?debug 页面，可看到散列的资源输出，而非合并后的。

  11. 使用 fis release 命令的 --watch 参数对项目进行文件监控，此时可以进入 保存即发布 状态：

     fis release --optimize --md5 --pack --watch

  12. 追加 --live 参数可以进入 发布即刷新 状态：

     fis release --optimize --md5 --pack --watch --live

  13. 使用 fis release 命令的 "--dest" 参数，将代码输出到指定目录：

     fis release --optimize --md5 --pack --dest ../output

前端集成解决方案解读：

不要担心，F.I.S对目录结构 没有任何限制，都是依靠 fis-conf.js 来配置的，做到了 目录规范的可配置化。

{%/define%}