第一个微信小程序

第一个微信小程序，本文创建了一个原始项目，创建项目的步骤如下：

（1）利用微信内置的模板，创建一个Demo项目。详细步骤同微信小程序开发工具描述的项目创建那样。切记在创建的项目中勾选“建立普通快速启动模板”。利用系统模板创建出来的项目的结构如图所示。

（2）在模拟器中运行，单击“获取头像昵称”，模拟器会展示当前用户的头像昵称，在下面显示“Hello World”文字。

（3）使用“Xml面板”查看元素，使用“Sources面板”对项目进行断点调试。项目界面如图所示。

注意：

• 此模板会自动创建index页面和logs页面，其中首页展示的是index页面，点击用户头像会跳转到logs页面，utils为工具类。

• 其中app.js、app.json、app.wxss、project.config.json为系统文件，模板会自动创建，如果不勾选“建立普通快速启动模板”，则需要开发者手动创建app.js、app.json、app.wxss这三个文件，但不论是否勾选该项，都会自动创建project.config.json文件。

• 项目文件存放在创建项目时填写的项目路径目录下，项目的文件结构与项目的层级结构一致。app.js、app.json、app.wxss、project.config.json文件单独存放在项目路径文件夹下。快速查看方法：单击鼠标右键，在打开的快捷菜单中选择“硬盘打开”。

酷客网相关文章：

• 微信小程序开发工具
• 微信小程序开发准备