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

2020-09-27

導讀：編輯區(qū)可以對當前項目進行代碼編寫和文件的添加、刪除以及重命名等基本操作。文件支持工具目前提供了4種文件的編輯：wxml、wxss、js、json以及圖片文件的預覽。實時預覽如果設置...

編輯區(qū)可以對當前項目進行代碼編寫和文件的添加、刪除以及重命名等基本操作。

文件支持

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

實時預覽

如果設置中開啟了“文件保存時自動編譯小程序”（位置在：設置 - 編輯 - 文件保存時自動編譯小程序），那么當 js, json, wxml 或 wxss 文件修改時，可以通過模擬器實時預覽編輯的情況：

自動保存

書寫代碼后，工具會自動幫助用戶保存當前的代碼編輯狀態(tài)，直接關閉工具或者切換到別的項目，并不會丟失已經編輯的文件狀態(tài)，但需要注意的是，只有保存文件，修改內容才會真實的寫到硬盤上。可以在設置（設置 - 編輯）中配置開啟“修改文件時自動保存”已達到修改文件時自動保存而無需手動保存的效果，也可開啟“編譯時自動保存所有文件”以達到點擊編譯時自動幫助保存所有文件的效果。

自動補全

同大部分編輯器一樣，我們提供了完善的自動補全

js 文件編輯會幫助開發(fā)補全所有的 API 及相關的注釋解釋，并提供代碼模板支持
wxml 文件編輯會幫助開發(fā)者直接寫出相關的標簽和標簽中的屬性
json 文件編輯會幫助開發(fā)者補全相關的配置，并給出實時的提示

js 補全

代碼模板支持

json 補全

wxml 補全

快捷鍵

見工具菜單欄

更多微信小程序開發(fā)教程，可以關注hi小程序。

第二部分：如何開通一個小商店

微信小程序工具代碼編輯,wxml、wxss、js、json以及圖片文件的預覽

文件支持

實時預覽

自動保存

自動補全

快捷鍵

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