微信小程序开发步骤

释放双眼,带上耳机,听听看~!
微信小程序开发步骤(适合新手学习)微信小程序开发类似于前端页面开发,有前端开发经验的学生可以快速启动微信小程序开发北京家装网站{}发,但两者还是有一些区别的,微信小程序的开发过程如下:工具/原料电脑微信web开发工具方法/

微信小程序开发步骤(适合新手学习)

微信小程序开发类似于前端页面开发,有前端开发经验的学生可以快速启动微信小程序开发北京家装网站{}发,但两者还是有一些区别的,微信小程序的开发过程如下:

工具/原料电脑微信web开发工具方法/步骤1

环境搭建

开发小程序需要两个必要的步骤:

1.申请账号

申请小程序账号时要注意:每个邮箱只能申请一个小程序账号!!!

而且这个邮箱没有绑定到微信微信官方账号(这里普及一个知识,微信平台微信官方账号有四种:服务号、订阅号、小程序、企业微信号、企业和组织服务号和企业微信号,订阅号也可以个人拥有)

2.安装开发人员工具

微信小程序的开发者工具类似于前端webStrom、dreamView,只是没有前端开发工具好用,一定要吐槽!

北京户外网{}微信小程序开发步骤微信小程序开发步骤北京{}淘网2

重要参数

AppId:这里把AppId单独列出是因为AppId相当于小程序平台的身份证号,有很多地方需要使用。登录小程序平台后,AppId可在左栏开发-点击左侧的设置后也可以看到开发设置。

打开微信小程序开发工具后,具后,选择项目录中的代码存储路径,然后填写appletppId给项目起个好名字,最后勾选QuickStart项目。 你必须选择一个空目录才能有这个选项),点击确定,你得到了你的第一个小程序,点击顶部菜单编译可以在微信开发者工具中预览你的第一个小程序。

微信小程序开发步骤企业网站建设{}微信小程序开发步骤3

介绍开发工具和目录

在小程序开发工具中创建项目后,如下图所示

小程序目录结构包括a,描述整个程序pp 以及多个描述各自页面的pages。目录中以app小程序的整体描述可以理解为整体配置。app.js描述小程序的整体逻辑,app.json描述小程序的公共配置,这两个文件都是必要的。app.wxss是小程序的全局样式表(类似于前端的全局css),是非必需的。project.config.json是开发工具的配置文件。

pages用于指定哪些页面由小程序组成,每个项目对应一个页面的路径(包括文件名) 信息。文件名不需要写文件后缀,框架会自动找到位置 .json, .js, .wxml, .wxss 处理四个文件。pages小程序要显示的页面存储在目录中,每个页面存储在文件夹中,如index、logs文件夹,index为例,index.wxml为页面(对应前端html文件),index.js处理页面逻辑,index.wxss为页面样式表(对应前端css文件),index.json为页面配置文件。注:描述页面的四个文件必须有相同的路径和文件名,以方便开发者减少配置项。并非所有的文件都必须存在于页面文件夹中。如果一个页面是静态页面,不需要处理逻辑,那么它只需要wxml文件即可。pages每个页面都必须是app.json配置,如下图所示,配置项的第一个文件是主页,如图所示ndex第一项配置,主页将显示其页面。

utils文件是工具包,可以写一些公共函数,但不存在

微信小程序开发步骤微信小程序开发步骤4

使用开发工具:

1.修改代码后,按ctrl s或者单击编译,编译将在左侧显示编译效果

微信小程序开发步骤5

2、调试

点击调试后,将弹出控制台进行调试。具体的调试方法类似于浏览器中的前端代码。

微信小程序开发步骤6

3.真机调试{3

点击真机调试,扫描微信代码后,可以在手机上看到小程序的效果

微信小程序开发步骤END经验仅供参考。如果您需要解决具体问题(特别是在法律、医学等领域),建议您详细咨询相关领域的专业人士。作者声明:本经验是根据真实经验原创的,未经许可拒绝转载。全部阅读

给TA打赏
共{{data.count}}人
人已打赏
网站建设

如何用ASP Dreamweaver制作网页并预览

2021-12-6 20:32:16

网站建设

独立做一个网站【独立做一个网站网站建设模板建站】

2021-12-6 20:33:07

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索