美文网首页我的小前端
入门微信小程序--创建项目

入门微信小程序--创建项目

作者: 小乌龟变王八 | 来源:发表于2018-07-26 18:24 被阅读2次

    一段视频看小程序发展

    小程序已经快两岁的,我才入坑,刚刚入坑那会我使劲和我朋友抱怨,太难了,学不动,不想学,不学了。硬着头皮死磕一遍文档,然后觉得也没有我想象中那么难。或许是因为语言的相通性,或许是因为它的语法和 vue 有异曲同工之妙,目前市场上流行的三大款架,我就只会 vue 。在小程序的开发中,只要我们时时刻刻遵守微信给我们划定的一些框架和规范,适应小程序最需要完成一个开发理念上的大转变,从操作 DOM 转变为操作数据,项目组件化、模板化,需要使用的组件直接调用

    朋友手把手图文教我入门,入门小白,有朋友的支援,不会轻易说放弃,怕被嫌弃。

    死磕官方文档的时候发现,文档就是最好的资料,如何一步一步学习,每一个知识点都有对应的 demo ,轻轻松松入门

    创建账号

    • 注册

    点击 https://mp.weixin.qq.com/wxopen/waregister?action=step1 根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号

    register.png
    • 获取 AppID(小程序 ID ),创建项目
    logon.png project.png
    • 下载编译器

    如果你习惯用 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

    好了你已经入门小程序,并且学会了如何创建属于你自己的小程序了,接下来好好看看文档,学习学习他们的语法,你就可以上手项目了;

    续更语法,文字版小项目。手把手教你入门小程序
    项目介绍案例地址

    学习资料参考

    欢迎学习交流


    微信

    相关文章

      网友评论

        本文标题:入门微信小程序--创建项目

        本文链接:https://www.haomeiwen.com/subject/ekximftx.html