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

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

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

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

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

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

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

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

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

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

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

自動(dòng)補(bǔ)全主要針對(duì)js文件編輯、wxml文件編輯以及json文件編輯進(jìn)行自動(dòng)補(bǔ)全功能。

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

代碼模板支持

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

③json文件編輯自動(dòng)補(bǔ)全：補(bǔ)全相關(guān)配置，并進(jìn)行實(shí)時(shí)提醒功能，如圖所示：

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