微信小程序开发之——mpvue开发小程序(1)

时间:2024-10-04 08:47:28

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

D:\Code\WeChatProjects>

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

vue init mpvue/mpvue-quickstart firstapp

确定或修改配置生成项目代码的配置信息(修改直接填写,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

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

出现?小程序测试,敬请关注最新微信开发者工具的“测试报告”功能回车,生成项目代码和后续指导

vue-cli · Generated “firstapp”.

To get started:

cd firstapp

npm install

npm run dev

Documentation can be found at

4.3 安装依赖

切换到firstapp项目目录,为项目安装依赖

cd firstapp

npm install

4.4 项目启动

打开fristapp目录下的文件,可以看到项目的启动命令为npm run dev

npm run dev

4.5 预览项目

微信开发者工具导入项目:项目——>导入项目——>firstapp

打开后,项目预览图如下

五 项目结构图


5.1 结构示意图

5.2 项目文件说明

  • dist:小程序运行代码目录,目录中的代码由编译程序自动编译生成

  • src:源代码目录,修改文件保存后就会触发自动编译

  • :mpvue运行模块依赖配置文件

  • config:mpvue配置文件

  • :项目配置文件

  • src/components:mpvue小程序组件目录

  • src/pages:mpvue小程序页面目录

  • src/:mpvue项目的主组件

  • src/:mpvue项目的小程序配置文件

  • src/:mpvue项目的入口文件

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

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

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

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

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

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后

我的面试经验分享可能不会去罗列太多的具体题目,因为我依然认为面试经验中最宝贵的不是那一个个具体的题目或者具体的答案,而是结束面试时,那一刻你的感受以及多天之后你的回味~

很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候,总会遇到一些问题,比如学了一段时间感觉没有方向感,不知道该从那里入手去学习,对此我整理了一些资料,需要的可以免费分享给大家

【Android核心高级技术PDF文档,BAT大厂面试真题解析】

【算法合集】

【延伸Android必备知识点】

【Android部分高级架构视频学习资源】

**Android精讲视频领取学习后更加是如虎添翼!**进军BATJ大厂等(备战)!现在都说互联网寒冬,其实无非就是你上错了车,且穿的少(技能),要是你上对车,自身技术能力够强,公司换掉的代价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

价大,怎么可能会被裁掉,都是淘汰末端的业务Curd而已!现如今市场上初级程序员泛滥,这套教程针对Android开发工程师1-6年的人员、正处于瓶颈期,想要年后突破自己涨薪的,进阶Android中高级、架构师对你更是如鱼得水,赶快领取吧!

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!