上QQ阅读APP看书，第一时间看更新
1.4 项目实战：“Hello World”项目
本节创建了一个原始项目，创建项目的步骤如下：
（1）利用微信内置的模板，创建一个Demo项目。详细步骤同1.3.1节描述的项目创建那样。切记在创建的项目中勾选“建立普通快速启动模板”（如图1-8所示）。利用系统模板创建出来的项目的结构如图1-23所示。
图1-23 系统项目模板目录
（2）在模拟器中运行，单击“获取头像昵称”，模拟器会展示当前用户的头像昵称，在下面显示“Hello World”文字。
（3）使用“Xml面板”查看元素，使用“Sources面板”对项目进行断点调试。项目界面如图1-24所示。
图1-24 Hello World项目界面
注意
❑此模板会自动创建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文件单独存放在项目路径文件夹下。快速查看方法：单击鼠标右键，在打开的快捷菜单中选择“硬盘打开”。