在微信小程序開發(fā)工具中，代碼編輯是很重要的一個環(huán)節(jié)，下面就和大家分享一下微信小程序開發(fā)工具代碼編輯教程？

微信小程序開發(fā)工具代碼編輯主要有文件格式、文件類型、自動補全、TypeScript 支持、Git 狀態(tài)展示、項目配置文件等基本操作。

1.文件格式：在IOS系統(tǒng)中只支持 UTF8 編碼文件格式，建議使用最新版本的開發(fā)者工具的開發(fā)人員在上傳代碼文件的時候?qū)幋a文件格式進行一次檢查。

2.文件類型：文件類型里面包含了文件支持、文件操作、自動保存、實時預(yù)覽等操作

①文件支持：微信小程序開發(fā)工具里提供5種文件的編輯分別為：wxml、wxss、js、json、wxs。

②文件操作：打開微信小程序工具-點擊目錄樹右鍵-新建page，自動生成你所需要的wxml、wxss、js、json頁面。然后在app.json頁面里找到pages字段，添加你想新建頁面的路徑，就可以自動生成頁面里所需要的文件。

③自動保存文件：自動保存文件主要分為兩種方式:修改文件自動保存文件和編譯時自動保存文件，具體操作如下：

修改文件自動保存文件：設(shè)置-編輯設(shè)置-修改文件自動保存選項

編譯時自動保存文件：設(shè)置-編譯設(shè)置-編譯自動保存文件

④實時預(yù)覽：設(shè)置-編輯-文件保存自動編譯小程序，當(dāng)你修改文件時，可以通過模擬器實時預(yù)覽編輯狀態(tài)。如圖所示：

3.自動補全

自動補全主要針對js文件編輯、wxml文件編輯以及json文件編輯進行自動補全功能。

① js文件編輯自動補全：補全所有API名詞解釋，并提供代碼模板供開發(fā)者使用，如圖所示：

代碼模板支持

②wxml文件編輯自動補全：補全相關(guān)標(biāo)簽及標(biāo)簽屬性供開發(fā)者使用。如圖所示：

③json文件編輯自動補全：補全相關(guān)配置，并進行實時提醒功能，如圖所示：

以上就是對微信小程序開發(fā)工具代碼編輯做了一個簡單的教程，希望對大家有所幫助！