`
zccst
  • 浏览: 3315530 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

fis安装与配置

    博客分类:
  • fis
阅读更多
作者:zccst

fis安装与配置

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

2,安装fis
$npm install -g fis #通过npm安装fis
$fis -v #查看fis版本


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命令

$fis server open  #打开服务器用来发布的文件夹(注意,不是源码文件夹)
$fis server info  #
$fis server clean #
$fis server install <name>

附2:release命令
fis release [options]


-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);
  • 大小: 4.7 KB
  • 大小: 10.7 KB
  • 大小: 15.6 KB
分享到:
评论

相关推荐

    fis3+anglurjs项目源码以及配置文件全解

    本篇文章将深入解析一个基于FIS3和AngularJS的项目源码,以及FIS3的配置文件,帮助你更好地理解和运用这两个强大的工具。 首先,FIS3的核心功能包括静态资源管理和优化、模块化处理、自动化任务执行等。它提供了...

    fis3简单项目

    在实际操作中,首先需要安装 FIS3,然后配置项目,最后执行构建命令。例如,安装 FIS3 通常使用 npm: ```bash npm install fis3 -g ``` 配置项目,例如在 `fis-conf.js` 文件中设定资源加载策略: ```javascript...

    SATA协议中FIS的八种类型简介

    - 接收到此FIS后,如果主机适配器的DMA控制器已经准备就绪,则主机适配器应初始化DATA FIS的发送,发送与DMA控制器内容指向的主机存储区域内数据相匹配的数据。 - 如果接收到此FIS时,主机适配器的DMA控制器尚未准备...

    fis3组件开发代码

    - **配置FIS3**:在.fis-conf.js文件中,为组件添加配置,指定其输出路径、依赖关系等。 - **编译与发布**:运行fis3 release命令,将组件编译并发布到指定目录,供其他模块引用。 - **测试组件**:利用FIS3提供...

    前端开源库-fis3-deploy-replace

    1. **安装**:首先,你需要确保已经全局安装了FIS3。如果没有,可以通过`npm install -g fis3`进行安装。然后在项目根目录下,使用`fis3 init`初始化项目,选择`deploy`部署插件。 2. **配置**:在`fis-conf.js`...

    前端开源库-fis3-parser-browserify

    在使用fis3-plugin-abc-master这个压缩包时,首先需要将其解压并安装到FIS3项目的插件目录下。接着,在FIS3的配置文件(通常是fis-conf.js)中,需要引入并启用这个插件。配置可能如下: ```javascript fis.match('...

    fis-amd 的使用与修改

    5. **与FIS的结合**:FIS是一个前端构建工具,它包含了项目构建、资源管理和部署等功能。`fis-amd`是FIS中的一个模块化方案,使得FIS能够更好地处理AMD规范的模块,提升前端开发的效率。 6. **源码分析**:在博客...

    前端开源库-fis3-parser-stylus

    1. **安装与配置**:首先,你需要确保已经安装了FIS3。然后,通过npm(Node.js包管理器)安装`fis3-parser-stylus`插件。在命令行中输入: ``` npm install fis3-parser-stylus --save-dev ``` 接下来,在FIS3的...

    基于fis3和vue全家桶搭建前端工程化脚手架

    在与Vue.js结合使用时,FIS3能够帮助开发者更方便地管理和构建Vue项目。 接下来,我们探讨Vue.js全家桶。Vue.js是一款轻量级但功能强大的MVVM(Model-View-ViewModel)框架,它使得构建用户界面变得简单。Vue ...

    百度基于FIS的前端集成解决方案

    1. **安装FIS**:通过npm或yarn全局安装FIS,如`npm install -g fis`。 2. **初始化项目**:在项目根目录下执行`fis init`,创建基本的项目结构和配置文件。 3. **编写代码**:根据FIS的模块化规则编写JavaScript...

    fis3-jello, 基于 fis3 针对 jsp/velocity 模板的前端工程解决方案.zip

    2. **文档**:可能包含README文件或文档目录,用于解释如何安装、配置和使用fis3-jello。 3. **示例**:示例代码或项目,演示了fis3-jello在实际项目中的应用。 4. **测试**:测试用例,验证fis3-jello的功能和性能...

    fis.zip_fis_fis matlab

    在IT领域,FIS(Fuzzy Inference System,模糊推理系统)是一种基于...对于初学者而言,理解模糊逻辑的基础概念,熟悉Matlab的Fuzzy工具箱功能,以及掌握如何从文本文件中导入和解析FIS配置,都是不可或缺的知识点。

    一款基于fis3的cssmodules插件

    2. 配置:在FIS3的配置文件(如fis-conf.js)中引入并配置该插件,启用CSS Modules功能。 3. 编写CSS:开发者可以按照CSS Modules的规范编写CSS,使用局部类名。 4. 构建:运行FIS3的构建命令,插件会自动处理CSS...

    MATLAB模糊控制器(*.fis)C/C++接口文件

    * 这是修改过后的fis.c模糊推理系统库函数,可以移植C/C++环境使用,在VS2010的MFC环境经过测试 * 1、将fis.c文件拷贝到项目中; * 2、修改VS2010的配置属性,项目-&gt;属性-&gt;C/C++-&gt;预处理器-&gt;预处理器定义,添加 ...

    PyPI 官网下载 | fis3-0.0.6.tar.gz

    对于开发者而言,如果希望对fis3进行二次开发或贡献代码,首先需要解压`fis3-0.0.6.tar.gz`,然后在本地环境中设置虚拟环境并安装所有依赖。之后,可以运行测试确保一切正常,并根据项目的需求提交新的特性或修复bug...

    前端开源库-fis3-parser-vue-component

    1. **安装FIS3**:首先确保已全局安装FIS3,通过npm或yarn进行安装。 2. **配置FIS3**:在项目中创建.fis-conf.js配置文件,导入并启用FIS3 Parser Vue Component插件。 3. **编写Vue组件**:按照Vue的规范编写组件...

    前端开源库-fis-lint-jshint

    3. **README.md**:文档文件,解释插件的安装、配置和使用方法。 4. **测试用例**:如果有的话,可能会包含一些测试文件,用于验证插件功能的正确性。 5. **LICENSE**:关于插件的许可协议,规定了如何使用和分发...

    前端开源库-fis3-packager-deps-pack

    4. **执行打包**:最后,运行`fis3 release`命令,FIS3会根据配置进行编译和打包,`fis3-packager-deps-pack`会处理所有的依赖关系,并生成打包后的文件。 **优化和注意事项** - **按需加载**:你可以利用FIS3的按...

    基于fis3vuevuex的前端解决方案

    fis3(Fast Introduction for Smart前端构建系统)是百度开发的高效前端集成解决方案,它提供了丰富的配置选项和插件机制,以应对各种前端开发中的挑战。fis3的核心功能包括: 1. **性能优化**:fis3支持静态资源的...

    前端开源库-fis-parser-jade-runtime

    使用fis-parser-jade-runtime时,开发者需要确保已经安装了FIS框架和相关的Jade依赖。配置FIS来使用这个插件,然后在构建过程中指定要处理的Jade文件。一旦设置完成,每次构建都会自动编译Jade模板,生成对应的...

Global site tag (gtag.js) - Google Analytics