Omi命令行界面omi-cli发布

原文连接：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了。

后续

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

相关

• Omi的Github地址github.com/AlloyTeam/o…
• 若是想体验一下Omi框架，能够访问 Omi Playground
• 若是想使用Omi框架或者开发完善Omi框架，能够访问 Omi使用文档
• 若是你想得到更佳的阅读体验，能够访问 Docs Website
• 若是你懒得搭建项目脚手架，能够试试 omi-cli
• 若是你有Omi相关的问题能够 New issue
• 若是想更加方便的交流关于Omi的一切能够加入QQ的Omi交流群(256426170)