第一天-------运行第一个小程序一、前言
从今天开始小编将带大家一起来学习微信小程序的开发,作为依托于微信的产品,微信小程序的热度的确是不容忽视的,而且推广的话也会有很多优势,毕竟不用像app一样要安装那么麻烦,只要把微信打开即可以使用,那么接下来咱们就来一睹微信小程序的风采吧 。

文章插图
然后选择开发者工具,并选择开发者文档,如图:

文章插图
此时,打开新页面后选择小程序,如图:

文章插图
然后我们选择工具选项,如图:

文章插图
然后选择微信开发者工具,如图:

文章插图
点击它,然后就来到了微信开发者工具的版本下载位置,如图:

文章插图
我们选择稳定版,下载好后安装它,如图:

文章插图
选择安装位置,如图:

文章插图
点击安装,此时静静等待安装即可,安装好后,直接点击运行,第一次运行会弹出一个二维码框,如图:

文章插图

文章插图
然后我们点击加号,此时就可以创建小程序,如图:

文章插图
这里有一个appid,我们可以通过小程序来获取,首先我们退出公众号的登录,然后点击小程序,如图:

文章插图
然后点击前往注册,如图:

文章插图
这里我们可以选择申请测试号,然后扫个码即可,不过由于这里小编已经有了测试号,因此直接扫码登录即可,如图:

文章插图
此时就可以把这个AppID填写进去了,点击确定就可以打开开发者工具了,如图:

文章插图
三、项目文件结构我们来看下项目中的文件所代表的意思,如下:
pagesindexindex.js页面jsindex.json页面配置index.wxml页面结构index.wxss页面样式logslog.js日志jslog.json日志配置log.wxml日志结构log.wxss日志样式utilutil.js 公用js.eslintrc.jseslint配置,检查es6中的语法错误app.js全局jsapp.json静态全局配置app.wxss全局样式文件project.config.json开发者工具的配置sitemap.json是否被微信索引小程序主要是从app.js文件中获取用户数据,从app.wxss中设置界面样式,从app.json中配置跳转的第一个页面,默认跳转page标签里的index.wxml页面 。当然你可以自行配置 。四、小程序测试上线发布当一切都准备完毕后,如果我们想要在手机上测试自己的小程序的时候,只需要点击预览即可,如图:
- 可以打电话聊天的交友软件 chats是什么聊天软件
- 女生高贵公主范的微信个性签名
- 花间交友app是真的吗 可以模拟微信聊天软件
- 天秤男动心后的眼神是什么样的
- 财产继承权的原则是什么
- 2021年正月十四是什么节日
- kk聊天是什么软件 花旗app聊天软件
- 和外国人的社交软件 免费聊天软件免费加微信
- 2021年11月23日农历十月十九出生的人八字是什么
- 交通事故中的强险的意思是什么
特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
