微信小程序学习笔记-开发工具的准备-基于微信开发文档

新建项目
可以在本地创建一个小程序项目 但是需要一个小程序的 AppID;如没有 AppID,可以选择申请使用测试号。
微信小程序学习笔记-开发工具的准备-基于微信开发文档
主界面
开发者工具主界面,从上到下,从左到右,分别为:菜单栏、工具栏、模拟器、目录树、编辑区、调试器 六大部分。微信小程序学习笔记-开发工具的准备-基于微信开发文档
基础库版本切换
开发者可以在此选择任意基础库版本,用于开发和调试旧版本兼容问题。
微信小程序学习笔记-开发工具的准备-基于微信开发文档
快捷键
微信小程序学习笔记-开发工具的准备-基于微信开发文档
微信小程序学习笔记-开发工具的准备-基于微信开发文档
微信小程序学习笔记-开发工具的准备-基于微信开发文档
微信小程序学习笔记-开发工具的准备-基于微信开发文档
微信小程序学习笔记-开发工具的准备-基于微信开发文档
编辑区可以对当前项目进行代码编写和文件的添加、删除以及重命名等基本操作。
文件格式
因 iOS 下仅支持 UTF8 编码格式,最新版本的开发者工具会在上传代码时候对代码文件做一次编码格式校验。 # 文件支持 工具目前提供了 5 种文件的编辑:wxml、wxss、js、json、wxs 以及图片文件的预览。
文件操作
新建页面有两种方式 在目录树上右键,选择新建 Page,将自动生成页面所需要的 wxml、wxss、js、json 在 app.json 的 pages 字段,添加需要新建的页面的路径,将会自动生成该页面所需要的文件
*推荐第二种,方便。