项目思开发流程

.首先要根据项目效果图,观察需要用什么框架写,是pc端的还是移动端的
【这里选择(vue:他是一个渐进式框架,因为他使用起来简单,灵活,高效率,容易上手)】
2.选择好后创建相对应的框架,引入所需要的组件。
【(vue 2.0)】
【这里选择(vant:他是一个轻量、可靠的移动端 Vue 组件库,使用起来很容易上手)】
3.移动端我还会配置一下rem,安装好对应插件,可以让px自动转换成rem自适应布局,或者使用vw、vh以及百分比来实现自适应布局
4.再利用scss封装一下组件公共的样式。
【(可以使用混入的方式,先创建好一些常用的公共样式,再使用时直接导入混入的样式,通过@include 变量名 来使用)】
5.还需要配置一下多环境变量。
【(分别是开发环境,测试环境,上线环境,并创建相应的文件以及不同环境配置:.env.development 本地开发环境配置;.env.staging 测试环境配置;.env.production 正式环境配置)】
6.根据环境变量的不同再通过promise封装网络模块接口,一开始不会全部封装,会先封装几个,其它的等写到的时候在封装。
【(封装网路模块思路)】
7.一系列配置做好之后配置路由,拆分组件,我通常会把常用的组件单独封装起来,底部的tabber、上拉加载、下拉刷新、点击回顶部等,使用时直接调用,比较方便。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值