本经验将按步骤的描述如何创建完成一个微信小程序,介绍如何使用“微信Web开发者工具”创建项目、代码编辑。2wechat 微信小程序的微信Web开发者工具安装
工具/原料
1
一台电脑
2
微信Web开发者工具
方法/步骤
1
通过开发者工具,创建一个全新的项目。
2
有AppID就选择输入,没有请选择“无AppID”,填写项目名称及路径。官方的开发工具准备了一个Quick Start项目。在创建过程中如果是全新项目路径文件夹为空才会现在这个选项。
3
开发者工具的页面。
4
通过官方的QuickStart项目,实现“Hello WeChat”,了解项目结构与基础语法。项目结构图包含的各个文件如下。
5
app.js是小程序的脚本代码。可以在这个文件中监听并处理小程序的生命周期函数,声明全局变量等。
6
app.json为全局配置,在这个文件中配置小程序是由哪些页面组成,窗口背景颜色等。
7
app.wxss是这个小程序的公共样式表。
8
页面分为两种,lndex页面跟logs页面,都在pages目录下。
上一篇:如何做到让父母开心、孝顺父母?
下一篇:简笔画-如何画小鸡的简笔画