HTML5技术

Omi命令行界面omi-cli发布 - 【当耐特】

字号+ 作者:H5之家 来源:H5之家 2017-02-27 17:00 我要评论( )

原文链接:https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi-cli.md 写在前面 通常认为,命令行界面(CLI)没有图形用户界面(GUI)那么方便用户操作。但是CLI比GUI节约资源,在熟悉命令之后,CLI会比GUI更加高效地帮你完成想要的任务。

原文链接:https://github.com/AlloyTeam/omi/blob/master/docs/deep_in/cn_omi-cli.md

写在前面

通常认为,命令行界面(CLI)没有图形用户界面(GUI)那么方便用户操作。但是CLI比GUI节约资源,在熟悉命令之后,CLI会比GUI更加高效地帮你完成想要的任务。

下面来介绍下pasturn童鞋为Omi开发的CLI的两种使用姿势:

姿势一

$ npm install omi-cli -g //安装cli $ omi init your_project_name //初始化项目 $ cd your_project_name //转到项目目录 $ npm run dev //开发 $ npm run dist //部署发布

姿势二

当我们在一个空文件夹的时候,可以执行下面的命令。

$ npm install omi-cli -g //安装cli $ omi init //初始化项目 $ npm run dev //开发 $ npm run dist //部署发布

这里不用再去跳转目录了,当前目录就是项目的目录。

安装过程截图

安装omi-cli:

安装初始化项目omi init:

上面的成功的界面。注意:初始化项目会自动安装相关的npm依赖包,所以时间较长,请耐心等待。
安装完成之后,在项目目录下你可以看到下面的目录结构:

开发 npm run dev:

如果,你看到了上面的界面,说明一切OK了。创建出来的项目主要基于 Gulp + Webpack + Babel + BrowserSync 进行开发和部署。Gulp用来串联整个流程,Webpack + Babel让你可以写ES6和打包,BrowserSync用来帮你刷浏览器,不用F5了。

后续

更多脚手架模板以及更多功能的命令正在开发中,如果有什么意见或者建议欢迎让我们知道。

相关




 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • html5后台界面 - verylove

    html5后台界面 - verylove

    2017-01-12 12:00

  • 使用Html5+C#+微信 开发移动端游戏详细教程:(六)游戏界面布局与性能优化 - 乔克灬叔叔

    使用Html5+C#+微信 开发移动端游戏详细教程:(六)游戏界面布局与性

    2017-01-08 09:00

  • 微信js框架第二篇(创建完整界面布局) - L-H

    微信js框架第二篇(创建完整界面布局) - L-H

    2016-12-22 15:05

  • h5的rem代替px做移动端界面的自适应就是這么简单又强大,以及我的一些经历和认识 - css_this

    h5的rem代替px做移动端界面的自适应就是這么简单又强大,以及我的一

    2016-11-30 18:00

网友点评
(