我一直認為因為‘懶’才促進社會的進步和科技的發(fā)展裹虫，就說現(xiàn)在的微信小程序飞盆，一套自己的規(guī)則娄琉，如果要寫一套一樣的H5頁面還得重頭來次乓，這是在做重復(fù)的活，不是我們所要的結(jié)果孽水。所以就產(chǎn)生了今天的主題票腰，一鍵生成H5.
今天看到大佬做了這件事情，看著大佬的文檔女气，興趣勃勃的擼起袖子就開干了杏慰。特想分享一下，廢話少說炼鞠，馬上進入正題缘滥。
實現(xiàn)過程
在命令行終端輸入下列命令
$ npm i omi-cli -g //安裝omi-cli
$ omi init-mp your_project_name //新建個文件進入初始化 your_project_name為自定義項目名
$ cd your_project_name //進入項目目錄
$ npm start //運行項目
然后把小程序項目拷貝到 src-mp 目錄，如果是新的小程序谒主，可以在 src-mp 目錄創(chuàng)建小程序完域。
大概整個目錄結(jié)構(gòu)這樣
注意小程序目錄結(jié)構(gòu)一定要安照下面這個結(jié)構(gòu)
├─ components //存放所有組件，每個組件一個文件夾瘩将，暫不支持亂放
├─ images
├─ pages //存放所有頁面，每個頁面一個文件夾凹耙，暫不支持亂放
│ ├─ index
│ └─ logs
├─ utils
├─ app.js
├─ app.json
├─ app.wxss
├─ project.config.json
最后可以在小程序工具打開src-mp目錄文件編輯和查看姿现，可以時時在網(wǎng)頁生成的效果
效果
生成的H5
生成的H5
小程序
小程序頁面
是不是很簡單，生成開發(fā)環(huán)境肖抱，執(zhí)行：npm run build
查看官方地址
