Omi命令列介面omi cli發布

2021-09-29 08:10:43 字數 1952 閱讀 2985

通常認為,命令列介面(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 run dev:

如果,你看到了上面的介面,說明一切ok了。建立出來的專案主要基於 gulp webpack babel browsersync 進行開發和部署。gulp用來串聯整個流程,webpack babel讓你可以寫es6和打包,browsersync用來幫你刷瀏覽器,不用f5了。

頁面的元件都在component目錄:

你可以把元件的html、css和js分離成三個檔案,然後通過require的方式使用,如:

import omi from 'omi';

const tpl = require('./index.html');

const css = require('./index.css');

class footer extends omi.component

style ()

render ()

}export default footer;

也可以直接all in js的方式:

import omi from 'omi';

class header extends omi.component

style ()

render ()

}export default header;

如果需要更多動態程式設計能力,可以all in js。如果純靜態不怎麼需要改動的話,直接分離成三個檔案通過require進來便可。

Omi命令列介面omi cli發布

通常認為,命令列介面 cli 沒有圖形使用者介面 gui 那麼方便使用者操作。但是cli比gui節約資源,在熟悉命令之後,cli會比gui更加高效地幫你完成想要的任務。下面來介紹下pasturn童鞋為omi開發的cli的兩種使用姿勢 npm install omi cli g 安裝cli omi i...

《Windows DOS介面(命令列介面)》

方法1 win x 命令列提示符 c 或者命令列提示符 管理員 a 方法2 win r 執行輸入cmd1 進入碟符 例如 d盤 c windows system32 d d 2 顯示資料夾下的內容 例如 d盤 c windows system32 d d dir 驅動器 d 中的卷沒有標籤。卷的序列...

HDFS命令列介面

fs.default.name 這個屬性設定hadoop預設的檔案系統。引數是個uri的格式。例如 hdfs 192.168.10.4 54310。namenode程序按照這個引數啟動ipc服務。ipc是hadoop跨機器通訊機制,通過ipc客戶端直接呼叫伺服器類的某個方法,遮蔽了複雜的socket...