[关闭]
@mircode 2016-06-28T12:56:50.000000Z 字数 575 阅读 1533

FIS使用实例

FIS使用


一、安装FIS

安装FIS之前,我们需要安装NodeJS,这个NodeJS下载地址

安装好之后,我们打开命令行安装FIS

 npm install -g fis3 安装fis

安装FIS

 fis 安装成功后,执行 fis3 -v 查看版本

安装FIS

二、下载Dome

useless

用FIS构建该Demo,首先我们看一下他的配置文件。
demo
如上图,如果我们如果要支持less预编译,需要通过npm去安装fis-parser-less插件。
所以我们先安装该插件

 npm install -g fis-parser-less-2.x

lessparse
然后切换到我们的Demo目录下

cd E:\github\fis3-demo-master\use-less  # 切换到工程目录
fis3 release -d .\output                # 执行构建命令

lessparse

执行结果如下
lessparse
lessparse

a.less 由less文件,编译成了.css文件。a.less文件里的内容也发生了变化。
编译前:
lessparse
编译后:
lessparse

三、发布项目

我们可以用FIS自己提供的Web服务器测试一下我们的项目。

fis3 server start --www ./output    
# 启动服务器,并制定web目录为.output

project

运行结果如下
project

当然fis内置的server也提供了其他的命令
project1

当然也可以将构建好的项目,直接发送的远程服务器上,这里FIS的官方文档,已经有说明了。就不在多说了。
project2

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注