小程序已经快两岁的,我才入坑,刚刚入坑那会我使劲和我朋友抱怨,太难了,学不动,不想学,不学了。硬着头皮死磕一遍文档,然后觉得也没有我想象中那么难。或许是因为语言的相通性,或许是因为它的语法和 vue
有异曲同工之妙,目前市场上流行的三大款架,我就只会 vue
。在小程序的开发中,只要我们时时刻刻遵守微信给我们划定的一些框架和规范,适应小程序最需要完成一个开发理念上的大转变,从操作 DOM
转变为操作数据,项目组件化、模板化,需要使用的组件直接调用
朋友手把手图文教我入门,入门小白,有朋友的支援,不会轻易说放弃,怕被嫌弃。
死磕官方文档的时候发现,文档就是最好的资料,如何一步一步学习,每一个知识点都有对应的 demo
,轻轻松松入门
创建账号
- 注册
点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号
register.pnglogon.png project.png
- 获取
AppID
(小程序ID
),创建项目
- 下载编译器
如果你习惯用 vscode
开发,是没有问题的,运用微信编辑器实时预览就好了。初学者建议使用自带编辑器。(例如 mpvue
框架,在 vscode
编写,运行 npm run dev
然后在微信编译器里面导入 dist
文件,就可以实时预览,vscode
编写,微信编辑器查看)
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018712
创建项目
准备工作都已经齐全了,现在我们可以创建自己的小项目玩了,我建议在玩项目之前还是先读一遍 官方文档,
appJson.png
- 项目配置文件
index.png wxs.png
- 项目构成
好了你已经入门小程序,并且学会了如何创建属于你自己的小程序了,接下来好好看看文档,学习学习他们的语法,你就可以上手项目了;
续更语法,文字版小项目。手把手教你入门小程序
项目介绍案例地址
欢迎学习交流
微信
网友评论