微信小程序> 微信小程序开发教程-微信小程序教程jk

微信小程序开发教程-微信小程序教程jk

浏览量:1438 时间: 来源:jkll岁月静好
微信小程序开发教程

微信小程序开发成为当前最热门的技术,特别是微信小程序游戏火爆表现,让更多的人投入到开发大潮中。我们木鱼小铺(https://www.muyu007.cn/)小编就和大家分享一下微信小程序开发教程。

方法/步骤

1. 登录微信公众平台,进入微信小程序界面。在设置中,找到开发者设置。查看到微信小程序的APPID. 如果你注册的时候没有绑定管理员微信号,我们就还需要绑定开发者,在用户身份-开发者的模块,绑定开发者,就可以查看微信小程序APPID.

2. 我们可以通过开发者工具,来完成小程序的创建和代码编辑。当你安装好开发者工具,直接可以通过微信扫码登录。开始选择创建项目,填入已获取微信小程序的APPID.设置一个本地项目的名称,这个名称不一定是小程序的名称。比如是我的第一个项目等,并选择一个本地文件作为代码存储目录,点击新建项目就可以了。 项目创建成功之后,就可以点击该项目。点击进去就可以看到完整的开发者工具的界面,点击左侧的导航,在编辑里可以查看代码,在调试里可以测试代码并模拟小程序在微信客户端效果,在「项目」里可以发送到手机里预览实际效果。

3.微信小程序项目结构

4. 一个网页主要 HTML + CSS + JS 这样的组合,其中 HTML 是用来描述当前这个页面的结构,CSS 用来描述页面的样子,JS 是用来处理这个页面和用户的交互。小程序的页面跟这个完全相同 ,不一样的就是改了个名字 。 app.json 是对当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。<p -webkit-font-smoothing:antialiased;margin-top:0px;margin-bottom:0.7rem;max-width:100%;color:#3d464d;line-height:1.8;white-space:normal;= style=font-family: 宋体, Arial; color: rgb(102, 102, 102); white-space: normal; word-wrap: break-word;>project.config.json 可以针对各自喜好 做一些个性化配置,例如界面颜色、编译配置等 。

5.手机预览开发者工具左侧菜单栏选择「项目」,点击「预览」,扫码后即可在微信客户端使用

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎