课程表

Omi课程

工具箱
速查手册

Omi教程

当前位置:免费教程 » JS/JS库/框架 » Omi
Omi

Omi是一款用于创建Web用户界面的组件化框架,开放并且现代,故得名:Omi(Open modern interfaces)。

Omi由腾讯AlloyTeam发起,由微软、腾讯、阿里等互联网公司工程师开发维护。

其代码已托管至Github地址:https://github.com/AlloyTeam/omi

开始学习Omi!


教程说明:

Omi

Open and modern framework for building user interfaces.

  • 如果想体验一下Omi框架,可以访问 Omi Playground
  • 如果想使用Omi框架或者开发完善Omi框架,可以访问 Omi使用文档
  • 如果你想获得更佳的阅读体验,可以访问 Docs Website
  • 如果你懒得搭建项目脚手架,可以试试 omi-cli
  • 如果你有Omi相关的问题可以 New issue

命令行

$ npm install omi-cli -g       //安装cli
$ omi init your_project_name   //初始化项目,你也可以在一个空的文件夹下执行 omi init
$ cd your_project_name         //如果你是在空文件夹下执行的 omi init。请无视这条命令
$ npm run dev                  //开发
$ npm run dist                 //部署发布

特性

  • 超小的尺寸,7 kb (gzip)
  • 良好的兼容性,支持IE8
  • 完全面向对象的组件体系
  • 局部CSS,HTML+ Scoped CSS + JS组成可复用的组件
  • 更自由的更新,每个组件都有update方法,自由选择时机进行更新
  • 模板引擎可替换,开发者可以重写Omi.template方法来使用任意模板引擎
  • 提供了ES6+和ES5的两种开发方案供开发者自由选择

生态

通过npm安装

$ npm install omi

Hello World

你可以使用 webpack + babel,在webpack配置的module设置babel-loader,立马就能使用ES6+来编写你的web程序。

如果使用omi.lite.js版本(不包含mustache.js模板引擎)的话,也可以使用 ${this.data.name} 的方式

Contributors

nameavatarscompany
AresnTalkingCoder
pasturnMars Holding
dntzhangTencent
xcatliuMicrosoft
转载本站内容时,请务必注明来自W3xue。
部分原创内容未经授权禁止转载,违者必究。