最新版本 0.11.112200 更新內(nèi)容詳情
更新簡要：官方地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=1476434678461版本下載：windows 64、windows 32、mac本次更新只涉及開發(fā)者工具你可以在這里發(fā)表自己的看法：怎么看待這 ...
|
版本下載：windows 64 、 windows 32 、 mac
本次更新只涉及開發(fā)者工具
你可以在這里發(fā)表自己的看法：怎么看待這次開發(fā)者工具版本更新？
leochen分享： 微信小程序0.11.112200版本更新測試小結(jié)(僅測試安卓)
開發(fā)者工具基礎(chǔ)功能
|
-
A增加 上傳代碼時樣式自動補(bǔ)全選項(xiàng)，默認(rèn)開啟，開發(fā)者可以主動關(guān)閉 -
A增加 開發(fā)環(huán)境不校驗(yàn)請求安全域名以及 TLS 版本選項(xiàng)，默認(rèn)關(guān)閉，開發(fā)者可以主動開啟 -
A增加 Page 頁面腳本錯誤的提示信息 -
A增加 同客戶的保持一致，校驗(yàn)wx.request、wx.downloadFile、wx.uploadFile的 TLS 版本 -
A增加 工具窗口位置以及大小的自動保存功能 -
A增加 顯示模擬器中的錯誤信息的功能 -
A增加 wxml panel 雙擊標(biāo)簽名展開的功能 -
A增加 打開本地開發(fā)目錄的功能 -
A增加 當(dāng)前 AppId 的網(wǎng)絡(luò)配置信息表 -
F修復(fù) 同客戶端保持一致，移除Promise，開發(fā)者需要自行引入兼容庫 -
F修復(fù) 某些情況下，事件被發(fā)布多次的 bug -
F修復(fù) 在 devtools 中使用 Ctrl + R 或者 F5 導(dǎo)致模擬器出現(xiàn)錯誤的問題 -
F修復(fù) wxml panel 在 mac 中白屏的問題 -
F修復(fù) wxml panel 在 inspect 模式下卡頓的問題 -
F修復(fù) wxml panel 在某些情況下假死的問題 -
F修復(fù) wxml panel sytle 面板文字重疊的問題 -
F修復(fù) wxml panel 無法取消多個樣式規(guī)則的問題 -
F修復(fù)wx.request設(shè)置 content-type 錯誤的問題 -
F修復(fù)wx.downloadFile、wx.uploadFile未校驗(yàn)可信域名的問題 -
F修復(fù) git 切換分支或者文件大量改變時候模擬器白屏的問題 -
F修復(fù) wxml 文件不存在的時候沒有報(bào)錯信息的問題
編輯模塊
-
A增加 wxml、wxss 文件格式化代碼的功能 -
A增加 使用 Ctrl + Shift + f 搜索代碼的功能 -
A增加 文件樹右鍵功能 -
A增加 關(guān)閉右側(cè)文件的功能 -
A增加 使用 Ctrl + p 文件跳轉(zhuǎn)支持模糊搜索 -
A增加 wxml 代碼自動補(bǔ)全的和文檔顯示的功能 -
A增加 gif 類型文件的顯示功能 -
A增加 在硬盤上打開文件的功能 -
A增加 保存 app.json 后，自動創(chuàng)建對應(yīng) page.js 和 page.wxml 文件的功能 -
F修復(fù) wxml 自動補(bǔ)全錯誤的問題 -
F修復(fù) 文件過多時候，在 tabbar 上無法點(diǎn)擊的問題 -
F修復(fù) 修改目錄名字可能失敗的問題
項(xiàng)目頁卡主要有三大功能
顯示當(dāng)前項(xiàng)目細(xì)節(jié)
包括圖標(biāo)、AppID、目錄信息，以及上次提交代碼的時間以及代碼包大小。
提交預(yù)覽和提交上傳
- 點(diǎn)擊預(yù)覽功能，工具會上傳源代碼到微信服務(wù)器，成功后將會顯示一個二維碼，開發(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)閉這個功能。
需要注意的是：
-
這種轉(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ā)生改變時候，會自動幫助開發(fā)者刷新調(diào)試模擬器，從而提高開發(fā)效率。
壓縮代碼
開啟此選項(xiàng)，開發(fā)工具在上傳代碼時候?qū)椭_發(fā)者壓縮 javascript 代碼，減小代碼包體積。
樣式補(bǔ)全
開啟此選項(xiàng)，開發(fā)工具會自動檢測并補(bǔ)全缺失樣式，保證在 iOS8 上的正常顯示。
不校驗(yàn)請求域名及 TLS 版本
開啟此選項(xiàng)，開發(fā)工具將不會校驗(yàn)安全域名，以及 TLS 版本，幫助在開發(fā)過程中更好的完成調(diào)試工作。
自動保存
書寫代碼后，工具會自動幫助用戶保存當(dāng)前的代碼編輯狀態(tài)，直接關(guān)閉工具或者切換到別的項(xiàng)目，并不會丟失已經(jīng)編輯的文件狀態(tài)，但需要注意的是，只有 保存文件，修改內(nèi)容才會真實(shí)的寫到硬盤上，并觸發(fā)實(shí)時預(yù)覽。
自動補(bǔ)全
同大部分編輯器一樣，工具提供了較為完善的自動補(bǔ)全
- js 文件編輯會幫助開發(fā)補(bǔ)全所有的 API ,并給出相關(guān)的注釋解釋
- wxml 文件編輯會幫助開發(fā)者直接寫出相關(guān)的標(biāo)簽
-
json 文件編輯會幫助開發(fā)者補(bǔ)全相關(guān)的配置，并給出實(shí)時的提示
-
-
常用快捷鍵（變化）
格式調(diào)整
- Ctrl+S：保存文件
- Ctrl+[， Ctrl+]：代碼行縮進(jìn)
- Ctrl+Shift+[， Ctrl+Shift+]：折疊打開代碼塊
- Ctrl+C Ctrl+V：復(fù)制粘貼，如果沒有選中任何文字則復(fù)制粘貼一行
- Shift+Alt+F：代碼格式化
- Alt+Up，Alt+Down：上下移動一行
- Shift+Alt+Up，Shift+Alt+Down：向上向下復(fù)制一行
- Ctrl+Shift+Enter：在當(dāng)前行上方插入一行
- Ctrl+Shift+F：全局搜索
光標(biāo)相關(guān)
- Ctrl+End：移動到文件結(jié)尾
- Ctrl+Home：移動到文件開頭
- Ctrl+i：選中當(dāng)前行
- Shift+End：選擇從光標(biāo)到行尾
- Shift+Home：選擇從行首到光標(biāo)處
- Ctrl+Shift+L：選中所有匹配
- Ctrl+D：選中匹配
- Ctrl+U：光標(biāo)回退
界面相關(guān)
- Ctrl + \：隱藏側(cè)邊欄
- Ctrl + m: 打開或者隱藏模擬器
