微信小程序工具 項(xiàng)目頁卡三大主要功能

項(xiàng)目頁卡主要有三大功能

顯示當(dāng)前項(xiàng)目細(xì)節(jié)

包括圖標(biāo)、AppID、目錄信息，以及上次提交代碼的時(shí)間以及代碼包大小。

提交預(yù)覽和提交上傳

• 點(diǎn)擊預(yù)覽功能，工具會上傳源代碼到微信服務(wù)器，成功后將會顯示一個(gè)二維碼，開發(fā)者用新版微信掃描二維碼即可在手機(jī)上看到相應(yīng)項(xiàng)目的真實(shí)表現(xiàn)。
• 點(diǎn)擊上傳，工具會上傳源代碼到微信服務(wù)器，開發(fā)者可以在 mp 管理后臺看到本次提交的情況。需要注意的是，內(nèi)測階段，代碼上傳 功能僅管理員微信號可操作。

項(xiàng)目配置

ES6 轉(zhuǎn) ES5

微信小程序運(yùn)行在三端：iOS、Android 和 用于調(diào)試的開發(fā)者工具

• 在 iOS 上，小程序的 javascript 代碼是運(yùn)行在 JavaScriptCore 中
• 在 Android 上，小程序的 javascript 代碼是通過 X5 內(nèi)核來解析
• 在 開發(fā)工具上， 小程序的 javascript 代碼是運(yùn)行在 nwjs（chrome內(nèi)核） 中

雖然盡管三端的環(huán)境是十分相似的，但是至少在目前還是有一些區(qū)別的，這給很多開發(fā)者帶來很大的困擾。

在 0.10.101000 以及之后版本的開發(fā)工具中，會默認(rèn)使用 babel 將開發(fā)者代碼 ES6 語法轉(zhuǎn)換為三端都能很好支持的 ES5 的代碼，幫助開發(fā)者解決環(huán)境不同所帶來的開發(fā)問題。開發(fā)者可以在項(xiàng)目設(shè)置中關(guān)閉這個(gè)功能。

需要注意的是：

• 這種轉(zhuǎn)換只會幫助開發(fā)處理語法上問題，新的 ES6 的 API 例如 Promise 等需要開發(fā)者自行引入 Polyfill 或者別的類庫。
• 為了提高代碼質(zhì)量，在開啟 ES6 轉(zhuǎn)換功能的情況下，默認(rèn)啟用 javasctipt 嚴(yán)格模式，請參考  "use strict" 。

監(jiān)聽文件變化，自動刷新開發(fā)者工具

開啟此選項(xiàng)，和當(dāng)前項(xiàng)目相關(guān)的文件發(fā)生改變時(shí)候，會自動幫助開發(fā)者刷新調(diào)試模擬器，從而提高開發(fā)效率。

壓縮代碼

開啟此選項(xiàng)，開發(fā)工具在上傳代碼時(shí)候?qū)椭_發(fā)者壓縮 javascript 代碼，減小代碼包體積。

樣式補(bǔ)全

開啟此選項(xiàng)，開發(fā)工具會自動檢測并補(bǔ)全缺失樣式，保證在 iOS8 上的正常顯示。

不校驗(yàn)請求域名及 TLS 版本

開啟此選項(xiàng)，開發(fā)工具將不會校驗(yàn)安全域名，以及 TLS 版本，幫助在開發(fā)過程中更好的完成調(diào)試工作。