微信小程序工具代码编辑,wxml、wxss、js、json以及图片文件的预览 ... ...

编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。

 

文件支持


工具目前提供了4种文件的编辑:wxml、wxss、js、json以及图片文件的预览。


实时预览


如果设置中开启了“文件保存时自动编译小程序”(位置在:设置 - 编辑 - 文件保存时自动编译小程序),那么当 js, json, wxml 或 wxss 文件修改时,可以通过模拟器实时预览编辑的情况:

 

自动保存


书写代码后,工具会自动帮助用户保存当前的代码编辑状态,直接关闭工具或者切换到别的项目,并不会丢失已经编辑的文件状态,但需要注意的是,只有保存文件,修改内容才会真实的写到硬盘上。可以在设置(设置 - 编辑)中配置开启“修改文件时自动保存”已达到修改文件时自动保存而无需手动保存的效果,也可开启“编译时自动保存所有文件”以达到点击编译时自动帮助保存所有文件的效果。

 

自动补全


同大部分编辑器一样,我们提供了完善的自动补全

 

  • js 文件编辑会帮助开发补全所有的 API 及相关的注释解释,并提供代码模板支持
  • wxml 文件编辑会帮助开发者直接写出相关的标签和标签中的属性
  • json 文件编辑会帮助开发者补全相关的配置,并给出实时的提示

 

js 补全

 

代码模板支持

json 补全

wxml 补全

快捷键


 

见工具菜单栏


更多微信小程序开发教程,可以关注多程序。
上一篇 微信小程序工具项目页卡,ES6 转 ES5很简单 下一篇 微信小程序picker组件样式及开发实例
论坛资讯同步说明,本文同步自论坛:bbs.miaozhizuo.com,如您在论坛注册成为会员用户并且发帖,则默认论坛文章同步协议,协议内容请移步论坛查看!

          在线客服

            点击这里给我发消息

          VIP咨询
         点击这里给我发消息

          咨询热线

   17080039991

      (免费拨打)

          代理招商

   178-9531-8531

[关闭]
随手APP微信

官方微信自助客服

[关闭]