微信小程序开发实战--手工开发第一个小程序

 时间:2024-10-15 13:42:02

1、通过个人邮箱,申请一个 "个人" 亿姣灵秀类型的小程序,这种类型的小程序无需认证即可使用(但某些功能的使用会受限)。微信公众平台登陆该微信小程序,在 "开发" 栏目中获取 AppID 。

微信小程序开发实战--手工开发第一个小程序

2、打开微信开发者工具,新建一个小程序类型的项目,输入 AppID。

微信小程序开发实战--手工开发第一个小程序

3、因为我们要手工创建第一个可运行的小程序,所以将默认生成的页面文件删除,只保留 project.config.json 即可,这个文件是该项目的配置文件。

微信小程序开发实战--手工开发第一个小程序

4、创建 app.js : 这是一个微信小程序必须包括的文件,其用于注册该微信小程序并注册一些全局的事件钩子。

微信小程序开发实战--手工开发第一个小程序

5、创建 app.json : 这是另一个微信小程序必须包括的文件,包含小程序的全局配置信息,比如所有小程序页面的路径信息。

微信小程序开发实战--手工开发第一个小程序

6、创建第一个页面:1. 创建页面主目录 pages ,并创建一个子目录 helloworl蟠校盯昂d;2. 在子目录中创建一个小程序页面必须的 4 个文件: helloworld.wxml,helloworld.js,helloworld.json,helloworld.wxss;3. hellowold.wxml 中通过 <view> 标签显示一行文本内容,helloworld.wxss 中为 <view> 标签定义居中分布的样式。

微信小程序开发实战--手工开发第一个小程序微信小程序开发实战--手工开发第一个小程序

7、app.json 中注册 helloworld 页面的路径,保存后,开发者工具中的模拟器会显示出该页面的内容。

微信小程序开发实战--手工开发第一个小程序
  • 哺乳期有点头疼怎么办?
  • 播聊视频私聊APP怎么开启飘屏隐身
  • 健身女孩图片设计
  • 新鲜竹笋炒肉
  • 微信8.0.3更新了哪些内容?
  • 热门搜索
    番薯的做法大全 彩虹蛋糕的做法 表格怎么求和 榨菜肉丝的做法 鸭蛋的做法大全 wps怎么做表格 蜗牛怎么养 卤鸡爪的做法大全 temperature怎么读 乡道编号为什么是y