fis安装与配置

作者：zccst

fis安装与配置

1，安装node和npm。
Windows平台下载，安装
配置path环境变量， path = nodejs路径

2，安装fis
$npm install -g fis #通过npm安装fis
$fis -v #查看fis版本
[img]http://dl2.iteye.com/upload/attachment/0109/0063/2a3099e0-8449-3000-a3eb-c47e84761ea5.png[/img]

3，通过一个demo熟悉fis
（1）下载demo到本地
在git客户端，前提是需要安装git客户端
$git clone https://github.com/hefangshi/fis-quickstart-demo.git #下载实例
在git客户端中，先cd 进入自己创建的目标文件夹，然后执行上面的git clone xx命令，
即将代码fork到目标文件夹。
（2）启动访问，发布demo
在cmd命令行，
$fis server start #启动8080服务。在浏览器访问（自动弹出） http://127.0.0.1:8080/
如果8080端口已被占用，可用fis server start -p 8081

$cd target_demos #进入demo根目录
$fis release #发布。刷新即可使用该页面


附1：server命令
[img]http://dl2.iteye.com/upload/attachment/0109/0090/9fc79535-2ef3-39d0-8225-ad4c12d3e042.png[/img]
$fis server open #打开服务器用来发布的文件夹（注意，不是源码文件夹）
$fis server info #
$fis server clean #
$fis server install <name>

附2：release命令
fis release [options]
[img]http://dl2.iteye.com/upload/attachment/0109/0088/43f9e8c4-f9f5-3a03-949f-c50410578c9b.png[/img]

-o 进行压缩文件


附3：demo文件分析

// 设置图片合并的最小间隔
fis.config.set('settings.spriter.csssprites.margin', 20);

// 取消下面的注释开启simple插件，注意需要先进行插件安装 npm install -g fis-postpackager-simple
// fis.config.set('modules.postpackager', 'simple');

// 取消下面的注释设置打包规则
// fis.config.set('pack', {
//     '/pkg/lib.js': [
//         'js/lib/jquery.js',
//         'js/lib/underscore.js',
//         'js/lib/backbone.js',
//         'js/lib/backbone.localStorage.js',
//     ],
//     // 取消下面的注释设置CSS打包规则，CSS打包的同时会进行图片合并
//     // '/pkg/aio.css': '**.css'
// });

// 取消下面的注释可以开启simple对零散资源的自动合并
// fis.config.set('settings.postpackager.simple.autoCombine', true);