使用Wepy开发微信小程序(1)——初识Wepy

使用Wepy开发微信小程序(1)——初识Wepy,第1张

本来想好好的写写TS开发小程序的,奈何情况有变,肆困公司研发资源重新调配烂掘,无法在这条路上走下去,目前新的方案是饥雹核使用Wepy进行开发(因为新的人员之前习惯使用Vue,为了降低他的入手难度选择了这个框架),其实很多时候我们学习新框架更多的还是因为当时的项目环境,决策环境导致的。

从以上的官网介绍中我们可以得到以下几个信息:

参考: https://tencent.github.io/wepy/document.html#/./doc.cli?id=%E5%AE%89%E8%A3%85-installation

跟着官方文档一步步走下去,很快就搭好了,输入的命令如下:

在微信小程序开发工具中预览如下:

好了,第一步算是走完了,接下来就是找个好的完整的开源项目进行学习了。

wepy 小程序的框架,语法和vue很像。

app.wpy 小程序入口 页面配置注册

index.wpy

快速使用:

运行之判扮兆后,项目就会生成一个dist目录

用vscode 打开项目,用微信开发者打开项目中的dist文件夹即可,微信开发者工具中不能识别wpy,再dist文件夹中,会把wpy 文件分拆成wxml、js 、掘租wxss、json 文件

这样就可以使用缺蚂了。具体api看官网即可

.wepyignore文件种写npm run dev 编译到dist文件种过滤得文件

开发小程世李序的步骤如下:

 1. 注册开发者账号:在微信公众平台或支付宝开放平台注册开发者账号。

2. 下载开发工具或使用第三方小程序搭建平台:微信小程序需要使用微信开发者工具,支付宝小程序需要使用支付宝小程序亮返逗开发者工具。

 3. 创建小程序项目:在开发工具中创建小程序项目,填写小程序名称、AppID等信息。

 4. 设计小程序界面:使用设计工具进行小程序界面设计,如Sketch、Adobe XD等。

 5. 编写小程序代码:使用JavaScript或TypeScript编写小程序代码,实现小程序的功能。

 6. 调试敬卖和测试:在开发工具中进行调试和测试,确保小程序的功能正常。

 7. 提交审核:将小程序提交审核,等待审核通过后发布上线。

 8. 发布上线:审核通过后,将小程序发布上线,供用户使用。

                                 

使用编程开发小程序需要有一定的编程经验和开发经验,熟悉前端开发技术和框架,如HTML、CSS、Vue.js等,如果没有代码经验,可以选择第三方无代码小程序平台。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/8277307.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存