Git Product home page Git Product logo

sui-mobile's Introduction

Framework7

一 环境

环境安装

F7使用Grunt编译代码,如果你没有使用过,请参考这里 grunt getting started。在安装Grunt之前你可能还需要安装nodejs环境。

Grunt安装完成之后,在根目录下执行 npm install 即可。

使用Grunt

grunt 中配置了如下几个任务:

  • grunt 默认任务,会编译js,css和示例到build目录下,等价于 grunt build
  • grunt watch watch模式,开发的时候启动这个命令即可
  • grunt test 运行测试
  • grunt server 启动服务器,启动之后可以直接访问 http://localhost:3000/docs/
  • grunt kitchen 编译 kitchen
  • grunt apps 编译 apps
  • grunt examples 编译 examples

二 文件结构说明

下面是重要的文件说明

  • Framework7/: 根目录
    • src/: 源码

      • img/: 图片
      • js/: js源码
      • less/: 使用less编写的css源码
      • my-app/: 示例使用的js和css
      • templates/: 示例的html模板,使用jade编写
    • build/: 编译后css、js、图片和示例,用来发布到CDN,用在生产环境

      • css/: 编译后的css文件
      • js/: 编译后的js文件
      • img/: 图片
      • *.html: 示例
    • docs/: 文档

      • templates/:使用jade编写的文档模板
      • docs-demos/: 文档中使用的示例,用在文档右侧的设备模拟器中
    • apps/: 示例

    • examples/: 示例

    • kitchen-sink/: 示例

    • Gruntfile.js: grunt配置文件

sui-mobile's People

Contributors

nolimits4web avatar lihongxun945 avatar gregkeys avatar twss avatar boynet avatar gordol avatar leecrossley avatar roshanca avatar gagustavo avatar belinchung avatar bitdeli-chef avatar jimbobbennett avatar jjj avatar waffle-iron avatar cnjsstong avatar

Watchers

James Cloos avatar 小鱼的理想 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.