微信小程序开发之——mpvue开发小程序

mpvue：Vue.js in mini program，即mini vue.js编程框架

mpvue是把vue.js核心代码经过二次开发的框架，增加了vue.js开发小程序的能力

mpvue适合习惯用Vue.js框架的开发者开发小程序使用

二 mpvue开发的特点

• 彻底的组件化开发能力，提高代码复用性

• 完整的Vue.js开发体验

• 方便的Vuex数据管理方案，方便构建复杂应用

• 快捷的webpack构建机制：自定义构建策略，开发阶段热加载

• 支持使用npm外部依赖

• 使用Vue.js命令行工具vue-cli快速初始化项目

• H5代码转换编译成小程序目标代码的能力

  三 开发环境和工具

  ---

  3.1 开发环境

  • Node.js

  • 微信开发者工具

    3.2 vue-cli脚手架

    npm install vue-cli -g

    3.3 验证安装是否完成

    vue -V

    当前版本号：2.9.6

    四 构建项目

    ---

    4.1 选择小程序项目的位置，并在终端中打开

    D:\Code\WeChatProjects>

    4.2 执行如下指令，构建初始化项目(firstapp是项目的名称)

    vue init mpvue/mpvue-quickstart firstapp

    [外链图片转存中…(img-fXCewopQ-1710700247240)]

    确定或修改配置生成项目代码的配置信息(修改直接填写，Enter回车默认配置)

    ? Project name firstapp

    ? wxmp appid touristappid

    ? Project description A Mpvue project

    ? Author 橙子

    ? Vue build runtime

    ? Use Vuex? Yes

    ? Use ESLint to lint your code? Yes

    ? 小程序测试，敬请关注最新微信开发者工具的“测试报告”功能

    自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

    深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

    因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

    由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

    如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

    最后说一下我的学习路线

    其实很简单就下面这张图，含概了Android所有需要学的知识点，一共8大板块：

    1. 架构师筑基必备技能
    2. Android框架体系架构（高级UI+FrameWork源码）
    3. 360°Androidapp全方位性能调优
    4. 设计思想解读开源框架
    5. NDK模块开发
    6. 移动架构师专题项目实战环节
    7. 移动架构师不可不学习微信小程序
    8. 混合开发的flutter

    Android学习的资料

    我呢，把上面八大板块的分支都系统的做了一份学习系统的资料和视频，大概就下面这些，我就不全部写出来了，不然太长了影响大家的阅读。需要的小伙伴可以私信我【进阶】我免费分享给大家，或者直接点击下面链接领取，谢谢大家这么久以来的支持。

    Android学习PDF+架构视频+面试文档+源码笔记

    如果你有其他需要的话，也可以在GitHub上查看，下面的资料也会陆续上传到Github

    330页PDF Android学习核心笔记（内含上面8大板块）

    Android学习的系统对应视频

    总结

    我希望通过我自己的学习方法来帮助大家去提升技术：

    • 1、多看书、看源码和做项目，平时多种总结

    • 2、不能停留在一些基本api的使用上，应该往更深层次的方向去研究，比如activity、view的内部运行机制，比如Android内存优化，比如aidl，比如JNI等，并不仅仅停留在会用，而要通过阅读源码，理解其实现原理

    • 3、同时对架构是有一定要求的，架构是抽象的，但是设计模式是具体的，所以一定要加强下设计模式的学习

    • 4、android的方向也很多，高级UI，移动架构师，数据结构与算法和音视频FFMpeg解码，如果你对其中一项比较感兴趣，就大胆的进阶吧！

      进阶学习资料领取方式：GitHub

    • 3、同时对架构是有一定要求的，架构是抽象的，但是设计模式是具体的，所以一定要加强下设计模式的学习

    • 4、android的方向也很多，高级UI，移动架构师，数据结构与算法和音视频FFMpeg解码，如果你对其中一项比较感兴趣，就大胆的进阶吧！

      进阶学习资料领取方式：GitHub

      希望大家多多点赞，转发，评论加关注，你们的支持就是我继续下去的动力！加油！