微信小程序day01_02之微信开发者工具运行helloworld
一.微信开发者工具下载
在如下的链接中, 可进行开发者工具的下载,如下图所示
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
二.小程序创建第一个项目和界面介绍
下载完了小程序后, 即可打开如下的界面. 填写如下的信息. 其中目录部分,相当于eclipse的工作空间.
AppID 可以用测试号即可
填写完上图的信息后, 点击新建, 即可创建一个新的项目了,界面如下图.
在软件界面的左上角有如下的三个图标.
其中模拟器代表左侧的模拟手机. 编辑器代表右上方代码部分. 调试器代表右下方的调试部分.
三.小程序的目录结构
小程序的目录结构如下图,其中
app.js, app.json.app.wxss 只有一个. app.wxss的本质为css,而微信自身封装了一层
其中pages目录为页面的文件夹.
index.wxml为页面, 类似于html.
而index.js和index.wxss 为页面的css. 和js
点击头像, 可以看到小程序的启动日志.
日志的数据, 来源于logs目录. 把页面的目录记录下来,并进行展示.