文章目录
一.微信开发者工具下载
- 一.微信开发者工具下载
- 二.小程序创建第一个项目和界面介绍
- 三.小程序的目录结构
在如下的链接中, 可进行开发者工具的下载,如下图所示 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目录. 把页面的目录记录下来,并进行展示.