轻栈学堂
快速上手品牌电商独立运营

写代码编辑小程序了解一下
专栏:轻栈insarea微头条
发布日期:2023-09-16
阅读量:263
作者:轻栈insarea
收藏:
说了那幺久的自己写代码开发小程序,但是最基本的信息好像忘记介绍了,补充说明一下吧,先看看下载开发者工具后,创建新项目后看到的页面。养成点击右上角【保存】的习惯,编辑的内容就不会因为刷新等操作丢失了。

说了那么久的自己写代码开发小程序,但是最基本的信息好像忘记介绍了,补充说明一下吧,先看看下载开发者工具后,创建新项目后看到的页面。

1694848658888050088.jpg


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

文件格式
因 iOS 下仅支持 UTF8 编码格式,最新版本的开发者工具会在上传代码时候对代码文件做一次编码格式校验。

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

文件操作
新建页面有两种方式
在目录树上右键,选择新建 Page,将自动生成页面所需要的 wxml、wxss、js、json
在 app.json 的 pages 字段,添加需要新建的页面的路径,将会自动生成该页面所需要的文件

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

实时预览
如果设置中开启了 “文件保存时自动编译小程序”(设置-编辑设置-保存时自动编译小程序),那么当 wxml、wxss、js、json 文件修改时,可以通过模拟器实时预览编辑的情况:
注意:如果同时开启了 ”修改文件时自动保存“ 的设置,编译动作会有一定的延迟,来避免频繁的编译,手动点击编译按钮将立即编译。

用第三平台编辑设计小程序,拖拽组件右键编辑就可以,不需要写代码,支持动态编辑,小程序修改后内容实时更新。养成点击右上角【保存】的习惯,编辑的内容就不会因为刷新等操作丢失了。

上一页:制作小程序,【图文展示】组件如何设置?
下一页:​一张图片的不同位置跳转,小程序制作
说点什么
发表
最新评论

    本文由轻栈平台用户上传并发布,轻栈仅提供信息发布平台。文章仅代表作者个人观点,不代表轻栈立场。未经作者许可,不得转载。有涉嫌抄袭的内容,请通过反馈中心进行举报。

    电商运营资讯
    轻栈社区
    独立站运营

    热点文章

    轻栈,独立品牌电商新方式!→

    免费使用