在微信小程序開發工具中，代碼編輯是很重要的一個環節，下面就和大家分享一下微信小程序開發工具代碼編輯教程？

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

1.文件格式：在IOS系統中只支持 UTF8 編碼文件格式，建議使用最新版本的開發者工具的開發人員在上傳代碼文件的時候對編碼文件格式進行一次檢查。

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

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

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

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

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

編譯時自動保存文件：設置-編譯設置-編譯自動保存文件

④實時預覽：設置-編輯-文件保存自動編譯小程序，當你修改文件時，可以通過模擬器實時預覽編輯狀態。如圖所示：

3.自動補全

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

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

代碼模板支持

②wxml文件編輯自動補全：補全相關標簽及標簽屬性供開發者使用。如圖所示：

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

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