微信小程序开发工具代码编辑教程

在微信小程序开发工具中，代码编辑是很重要的一个环节，下面就和大家分享一下微信小程序开发工具代码编辑教程？

微信小程序开发工具代码编辑主要有文件格式、文件类型、自动补全、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文件编辑自动补全：补全相关配置，并进行实时提醒功能，如图所示：

以上就是对微信小程序开发工具代码编辑做了一个简单的教程，希望对大家有所帮助！

原文地址：