注冊(cè)

微信小程序工具代碼編輯,wxml、wxss、js、json以及圖片文件的預(yù)覽

2020-09-27
導(dǎo)讀:編輯區(qū)可以對(duì)當(dāng)前項(xiàng)目進(jìn)行代碼編寫(xiě)和文件的添加、刪除以及重命名等基本操作。 文件支持 工具目前提供了4種文件的編輯:wxml、wxss、js、json以及圖片文件的預(yù)覽。 實(shí)時(shí)預(yù)覽 如果設(shè)置...

編輯區(qū)可以對(duì)當(dāng)前項(xiàng)目進(jìn)行代碼編寫(xiě)和文件的添加、刪除以及重命名等基本操作。

 

文件支持


工具目前提供了4種文件的編輯:wxml、wxss、js、json以及圖片文件的預(yù)覽。

微信小程序工具代碼編輯,wxml、wxss、js、json以及圖片文件的預(yù)覽


實(shí)時(shí)預(yù)覽


如果設(shè)置中開(kāi)啟了“文件保存時(shí)自動(dòng)編譯小程序”(位置在:設(shè)置 - 編輯 - 文件保存時(shí)自動(dòng)編譯小程序),那么當(dāng) js, json, wxml 或 wxss 文件修改時(shí),可以通過(guò)模擬器實(shí)時(shí)預(yù)覽編輯的情況:

微信小程序工具代碼編輯,wxml、wxss、js、json以及圖片文件的預(yù)覽
 

自動(dòng)保存


書(shū)寫(xiě)代碼后,工具會(huì)自動(dòng)幫助用戶保存當(dāng)前的代碼編輯狀態(tài),直接關(guān)閉工具或者切換到別的項(xiàng)目,并不會(huì)丟失已經(jīng)編輯的文件狀態(tài),但需要注意的是,只有保存文件,修改內(nèi)容才會(huì)真實(shí)的寫(xiě)到硬盤(pán)上。可以在設(shè)置(設(shè)置 - 編輯)中配置開(kāi)啟“修改文件時(shí)自動(dòng)保存”已達(dá)到修改文件時(shí)自動(dòng)保存而無(wú)需手動(dòng)保存的效果,也可開(kāi)啟“編譯時(shí)自動(dòng)保存所有文件”以達(dá)到點(diǎn)擊編譯時(shí)自動(dòng)幫助保存所有文件的效果。

 

自動(dòng)補(bǔ)全


同大部分編輯器一樣,我們提供了完善的自動(dòng)補(bǔ)全

 

  • js 文件編輯會(huì)幫助開(kāi)發(fā)補(bǔ)全所有的 API 及相關(guān)的注釋解釋,并提供代碼模板支持
  • wxml 文件編輯會(huì)幫助開(kāi)發(fā)者直接寫(xiě)出相關(guān)的標(biāo)簽和標(biāo)簽中的屬性
  • json 文件編輯會(huì)幫助開(kāi)發(fā)者補(bǔ)全相關(guān)的配置,并給出實(shí)時(shí)的提示

 

js 補(bǔ)全

 

代碼模板支持

json 補(bǔ)全

wxml 補(bǔ)全

快捷鍵


 

見(jiàn)工具菜單欄


更多微信小程序開(kāi)發(fā)教程,可以關(guān)注hi小程序。
重磅推薦:小程序開(kāi)店目錄

第一部分:小商店是什么

第二部分:如何開(kāi)通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開(kāi)店任務(wù)常見(jiàn)問(wèn)題

第五部分:小商店可以賣(mài)什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開(kāi)發(fā)