為了方便快速的創(chuàng)建項(xiàng)目模板簿盅，以及使用webpack轧拄、webview揽祥、ts等功能、特性檩电，我創(chuàng)建了一些npm模塊來拓展auto.pro拄丰，項(xiàng)目地址 https://github.com/molysama/auto.pro，主要包括:
- 對(duì)pro的函數(shù)進(jìn)行封裝和安卓版本兼容
- 添加找圖找色的分辨率適配和緩存機(jī)制
- 提供一套合理的腳本流程機(jī)制
本篇介紹相關(guān)工具的安裝和配置
安裝cli工具
cli預(yù)置了一些項(xiàng)目模板是嗜，含有webpack愈案、babel、ts等鹅搪，能幫助您快速創(chuàng)建復(fù)雜功能的應(yīng)用站绪。請(qǐng)確保你已經(jīng)安裝了node.js。
npm i -g "@auto.pro/cli"
cli安裝完畢后丽柿，將有一個(gè)可用的系統(tǒng)命令auto-cli恢准，執(zhí)行auto-cli -h可查看簡(jiǎn)單說明。
創(chuàng)建項(xiàng)目
執(zhí)行以下命令甫题，即可根據(jù)選項(xiàng)在當(dāng)前目錄下創(chuàng)建一個(gè)project-name項(xiàng)目馁筐，project-name為要?jiǎng)?chuàng)建的文件夾名。
auto-cli create project-name
UI模式(鍵盤↑↓進(jìn)行切換坠非，回車確認(rèn))
- 無
預(yù)置了webpack的基礎(chǔ)項(xiàng)目模板 - html
預(yù)置了webpack敏沉、html(webview)的項(xiàng)目模板 - android
實(shí)施中，尚不可用
初始化
使用vscode打開剛才創(chuàng)建的項(xiàng)目炎码，執(zhí)行以下命令使用淘寶源進(jìn)行安裝
npm i --registry=https://registry.npm.taobao.org
運(yùn)行
src內(nèi)是源碼盟迟，不適合直接發(fā)布成項(xiàng)目，應(yīng)將其編譯成dist/app.js文件潦闲，main.js引入的是后者攒菠。
以下兩個(gè)命令可以進(jìn)行編譯:
-
npm run build進(jìn)行一次編譯 -
npm start實(shí)時(shí)監(jiān)聽src目錄內(nèi)的文件并更新最終編譯產(chǎn)物。
缺憾
auto.pro截至目前(v8.0.2)歉闰，在運(yùn)行和保存項(xiàng)目時(shí)會(huì)掃描所有文件（哪怕已經(jīng)通過ignore忽略了）辖众，node_modules又含有大量文件，因此項(xiàng)目的運(yùn)行和保存會(huì)比較耗時(shí)和敬。
下一節(jié)
下一節(jié)將介紹如何使用這些模板來進(jìn)行實(shí)戰(zhàn)凹炸，歡迎收藏和關(guān)注(_)
