Omi 手册

手册简介:

由腾讯AlloyTeam发起,由微软、腾讯、阿里等互联网公司工程师开发维护的现代化Web组件化框架。https://github.com/AlloyTeam/omi

手册说明:

Omi

Open and modern framework for building user interfaces.

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

命令行

$ 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

License

This content is released under the MIT License.


更新记录:

二维码
建议反馈
二维码