微信小程序工具 項(xiàng)目頁(yè)卡三大主要功能
項(xiàng)目頁(yè)卡主要有三大功能
顯示當(dāng)前項(xiàng)目細(xì)節(jié)
包括圖標(biāo)、AppID、目錄信息,以及上次提交代碼的時(shí)間以及代碼包大小。
提交預(yù)覽和提交上傳
- 點(diǎn)擊預(yù)覽功能,工具會(huì)上傳源代碼到微信服務(wù)器,成功后將會(huì)顯示一個(gè)二維碼,開(kāi)發(fā)者用新版微信掃描二維碼即可在手機(jī)上看到相應(yīng)項(xiàng)目的真實(shí)表現(xiàn)。
- 點(diǎn)擊上傳,工具會(huì)上傳源代碼到微信服務(wù)器,開(kāi)發(fā)者可以在 mp 管理后臺(tái)看到本次提交的情況。需要注意的是,內(nèi)測(cè)階段,代碼上傳 功能僅管理員微信號(hào)可操作。
項(xiàng)目配置
ES6 轉(zhuǎn) ES5
微信小程序運(yùn)行在三端:iOS、Android 和 用于調(diào)試的開(kāi)發(fā)者工具
- 在 iOS 上,小程序的 javascript 代碼是運(yùn)行在 JavaScriptCore 中
- 在 Android 上,小程序的 javascript 代碼是通過(guò) X5 內(nèi)核來(lái)解析
- 在 開(kāi)發(fā)工具上, 小程序的 javascript 代碼是運(yùn)行在 nwjs(chrome內(nèi)核) 中
雖然盡管三端的環(huán)境是十分相似的,但是至少在目前還是有一些區(qū)別的,這給很多開(kāi)發(fā)者帶來(lái)很大的困擾。
在 0.10.101000 以及之后版本的開(kāi)發(fā)工具中,會(huì)默認(rèn)使用 babel
將開(kāi)發(fā)者代碼 ES6
語(yǔ)法轉(zhuǎn)換為三端都能很好支持的 ES5
的代碼,幫助開(kāi)發(fā)者解決環(huán)境不同所帶來(lái)的開(kāi)發(fā)問(wèn)題。開(kāi)發(fā)者可以在項(xiàng)目設(shè)置中關(guān)閉這個(gè)功能。
需要注意的是:
- 這種轉(zhuǎn)換只會(huì)幫助開(kāi)發(fā)處理語(yǔ)法上問(wèn)題,新的
ES6
的 API 例如Promise
等需要開(kāi)發(fā)者自行引入Polyfill
或者別的類庫(kù)。 - 為了提高代碼質(zhì)量,在開(kāi)啟
ES6
轉(zhuǎn)換功能的情況下,默認(rèn)啟用javasctipt
嚴(yán)格模式,請(qǐng)參考 "use strict" 。
監(jiān)聽(tīng)文件變化,自動(dòng)刷新開(kāi)發(fā)者工具
開(kāi)啟此選項(xiàng),和當(dāng)前項(xiàng)目相關(guān)的文件發(fā)生改變時(shí)候,會(huì)自動(dòng)幫助開(kāi)發(fā)者刷新調(diào)試模擬器,從而提高開(kāi)發(fā)效率。
壓縮代碼
開(kāi)啟此選項(xiàng),開(kāi)發(fā)工具在上傳代碼時(shí)候?qū)?huì)幫助開(kāi)發(fā)者壓縮 javascript
代碼,減小代碼包體積。
樣式補(bǔ)全
開(kāi)啟此選項(xiàng),開(kāi)發(fā)工具會(huì)自動(dòng)檢測(cè)并補(bǔ)全缺失樣式,保證在 iOS8 上的正常顯示。
不校驗(yàn)請(qǐng)求域名及 TLS 版本
開(kāi)啟此選項(xiàng),開(kāi)發(fā)工具將不會(huì)校驗(yàn)安全域名,以及 TLS 版本,幫助在開(kāi)發(fā)過(guò)程中更好的完成調(diào)試工作。