1、第八講 制作 sublime snippet 快速補(bǔ)全小程序組件學(xué)習(xí)要點(diǎn)：1. sublime snippet 介紹以及制作2. 用 sublime snippet 制作小程序組件快速補(bǔ)全功能主講老師：樹(shù)根1. sublime snippet 介紹以及制作Sublime-snippet 簡(jiǎn)介在 Sublime 中，可以通過(guò) Sublime-snippet 來(lái)快速補(bǔ)全代碼。用 Sublime-snippet 制作自定義代碼補(bǔ)全1. 打開(kāi) sublime,選擇 tools 然后選擇 new snippet片段或者點(diǎn)擊工具-插件開(kāi)發(fā)-新建代碼2. 編輯代碼片段其中 紅色字符定義補(bǔ)全的內(nèi)容1. !CD

2、ATAo, $1:this is a $2:snippet.$1:this中： 1 是輸入點(diǎn)的序號(hào)，1 表示的是第一個(gè)輸入點(diǎn)，this 表示的是輸入點(diǎn)的默認(rèn)值。$2:snippet 中：2 表示第二個(gè)輸入點(diǎn)。 4. ： 定義了觸發(fā)補(bǔ)全的字符串 5. ：對(duì) snippet 描述2. 用 sublime snippet 制作小程序組件快速補(bǔ)全功能簡(jiǎn)介剛接觸小程序開(kāi)發(fā),嘗試著使用了一下 于是果斷回到 sublime.但是, sublime 不認(rèn)xml 的變異結(jié)合體.開(kāi)發(fā)調(diào)試工具 v0.9 版的代碼編輯功能,感覺(jué)好雞肋有木有!?發(fā)明出來(lái)的這個(gè) WXML,這個(gè) WXML 可以說(shuō)是 html 和不過(guò)還好

3、sublime 有自定義 snippet 的功能,于是我就動(dòng)手把 WXML 里的組件和部分其他內(nèi)容都整成了snippet出來(lái)方便大家使用,大家的開(kāi)發(fā)效率.安裝部署好的代碼片段放入 Sublime text 安裝目錄/Packages/User 目錄中即可.將snippet 列表為了防止和其他 snippet都以api開(kāi)頭.,本 snippet 中的所有 WXML觸發(fā)命令都以w開(kāi)頭,所有 API 相關(guān)命令地址：/Abbotton/weapp-snippet-for-sublime-text-2-3建議自己按照自己的使用方式修改成自己的的wapp小程序wblockifblock wx:ifwbut

4、tonbuttonwcheckboxcheckboxwcheckboxgroupcheckbox-groupwactionsheetaction-sheetwcanvascanvaswimageimagewtexttextwviewviewwviewbindview 事件wmapmapwmodalmodalwnavigatornavigatorwexport模塊化wforforwformformwradioradiowradiogroupradio-groupwslidersliderwiconiconwinputinputwinfutautofocusinput小程序 API snippet

5、命令對(duì)應(yīng)組件或命令wtoasttoastwwinputfocusinputwlabellabelwloadingloadinggePage()wprogressprogresswscrollviewscroll-viewwswitchswitchwtemplatetemplatewswiperswiperwviewelifviewwviewelseviewwviewifview命令對(duì)應(yīng)組件或命令apirequest網(wǎng)絡(luò)請(qǐng)求apiuploadfile上傳文件aownloadfile文件創(chuàng)建 WebSocketapiconnsktapionsktopenWebSocket 連接打開(kāi)apionskt

6、errWebSocket 錯(cuò)誤apisendsktmsg使用 WebSocket 發(fā)送數(shù)據(jù)apionsktmsg接受消息推送關(guān)閉 WebSocket 連接apiclosesktapionsktcloseWebSocket 關(guān)閉apichooseimg選額apipreviewimg預(yù)覽apistartrecord開(kāi)始apistoprecord結(jié)束apiplayvoice語(yǔ)音apipausevoice暫停語(yǔ)音apistopvoice結(jié)束語(yǔ)音apigetbgaudioplay獲取音樂(lè)狀態(tài)erse命令對(duì)應(yīng)組件或命令apiplaybgaudio音樂(lè)apipausebgaudio暫停音樂(lè)apiseekbg

7、audio控制音樂(lè)進(jìn)度apistgaudio停止音樂(lè)apionbgaudioplay音樂(lè)apionbgaudiopaus e音樂(lè)暫停apionbgaudiostop音樂(lè)停止apisavefile文件apichoose apisetstorage覆蓋本地內(nèi)容apisetstoragesync同步覆蓋本地內(nèi)容獲取指定 key 對(duì)應(yīng)的內(nèi)容apigetstorage同步獲取指定 key 對(duì)應(yīng)的內(nèi)容apigetstoragesyncapiclearstorage本地?cái)?shù)據(jù)apiclearstoragesyn c同步本地?cái)?shù)據(jù)apigetlocation獲取位置apiopenlocation查看位置未添加的 snippet 列表或 api 參數(shù)過(guò)多,并且使用方法多種多樣,所以暫未添加到倉(cāng)庫(kù)中,建議小伙伴由于下列用到下列,還請(qǐng)查閱們文檔 自己修改命令對(duì)應(yīng)組件或命令apigetnetworktype網(wǎng)絡(luò)狀態(tài)apigetsysinfo系統(tǒng)消息apiaccelerometerch重力感應(yīng)angepasschange羅盤(pán)apisetnavbartitle動(dòng)態(tài)設(shè)置導(dǎo)航條文字apishownavbarload顯示導(dǎo)航條加載動(dòng)畫(huà)ingapihidenavbarloadi隱藏導(dǎo)航條加載動(dòng)畫(huà)ngapih