点“小程序开发”-->>"工具-->>再点左边的“下载”,进行开发者工具的下载
登陆开发者工具,创建小程序项目
目录结构
全局配置app
单个页面配置page
创建一个'helloworld'的小程序,不使用模板
开发者工具界面
小程序版本
创建几个文件
app.js
作用:帮我们注册一个微信小程序的应用 先写成空
App({})
app.json
作用:是对我们微信小程序应用的一个全局配置 pages里面是目录
{
"pages":[
"pages/helloworld/helloworld"
]
}
helloworld.wxml
作用:wxml文件就是描述我们页面上要有哪些内容,类似HTML
<view>Hello World!</view>
hellorworld.js
作用:是帮助我们去注册一个微信小程序的页面 先写空
Page({})
helloworld.json
作用:页面的一些配置信息 先写空
{}
helloworld.wxss
作用:用来描述小程序的一个样式,类似css
view{
width: 100%;
height: 40rpx;
text-align: center;
color: blue;
}
目录结构和运行效果