微信小程序|Hello World
文章图片
获取AppID
通过登录https://mp.weixin.qq.com 登陆你事先注册好的微信小程序的开发账号，然后可以在个人“设置”-“开发者设置”中，查看到微信小程序的 AppID。
创建项目
我们可以通过微信公众平台给我们提供的开发者工具,来完成小程序创建和代码编辑。
编写代码
创建完项目之后，我们可以看到这个项目，已经初始化并包含了一些简单的文件代码。其中最关键也是必不可少的文件是：app.js、app.json、app.wxss。删除这些文件中不必要的示例代码，我们来重新自己编写。
.js后缀的是脚本文件
.json后缀的文件是配置文件
.wxss后缀的是样式表文件。
文章图片
(1)、app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API。想了解更多可用 API，可参考API 文档
(2)、app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口背景色，配置导航条样式，配置默认标题。注意该文件不可添加任何注释。
配置项列表
文章图片
更多可配置项可参考配置详解
(3)、app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
创建页面
【微信小程序|Hello World】在这个教程里，我们有两个页面，index 页面和 logs 页面，即欢迎页和小程序启动日志的展示页，他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页。
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成：index.js、index.wxml、index.wxss、index.json。
.js后缀的文件是脚本文件
.json后缀的文件是配置文件
.wxss后缀的是样式表文件
.wxml后缀的文件是页面结构文件
文章图片
运行小程序 
文章图片
文章图片
推荐阅读
- 一个小故事，我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗（）