微信小程序开发 框架,Python小程序开发

　　众所周知，小程序对组件开发并不友好，所以腾讯自己的团队开发了一个wepy框架。先来看看wepy的介绍；

　　既然说我们是最流行的小程序框架，那就安装使用吧。

　　步骤：

　　1: NPM安装wepy-CLI-d(建议使用cnpm。淘宝镜比较快)

　　2.wepy new myproject(你会发现这段代码不会实现你的项目的创建)。因为它已被更改为：

　　wpey初始化标准myproject

　　3.cd myproject进入项目文件夹

　　4.cn pm安装的安装相关性

　　5.Wepy Build-Watch开启实时编译；

　　然后就可以看代码结构了。

　　 dist小程序运行代码的目录(此目录由WePY的build指令自动编译，请勿直接修改此目录下的文件)src代码的目录(此目录为使用WePY后的开发目录)组件的目录WEPY组件(组件不属于完整页)供参考完整页或其他组件wepy)9文件index.js、index.json、 dist目录的pages目录下会生成index.wxml和index . wxss) other . wpy other页面(构建后，dist目录的pages目录下会生成other.js、other.json、other.wxml和other.wxss文件)构建后，dist目录下会生成app.js、app.json和app.wxss文件。 )package.json项目的包配置可能看不到组件文件，但它最近应该已经被更改了。

　　用微信开发者工具打开项目，可以看到操作的初步结果。不能在微信开发者工具里修改wpy文件。

　　由于vscode不支持wpy文件的代码高亮显示，所以需要先在扩展中下载一个vuter-wepy的插件，显示代码高亮显示，有利于开发。

　　我们可以清楚的看到有：index.wpy中的style模板；编写三个标签。和vue的开发风格相似吗？

　　style lang= less /style Template view class= container Hello world/view/Template import wepy from wepy export default class index extends wepy . page { config={导航栏title text: test } onload(){ console . log( onload )} }/script然而我们在微信开发者工具中看到的目录结构是这样的：

　　我们很容易发现，我们在模板中写的结构对应的是index.wxml中的内容；style写的内容对应index.wxss

　　脚本中的内容对应index.json和index.js嗯，就是这样。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。