vue3商城开发步骤操作记录
💯

vue3商城开发步骤操作记录

一:项目搭建初始化(手机端的项目)

1.较为完整的项目配置如下vue-cil

  1. 路由
  1. vuex
  1. saas
  1. eslint

2.开发中常用到的插件,一般似乎具体情况安装

axios目前就是唯一比较重要的,注意单独封装好,和一些基本的参数配置即可。
通常配合一下,fastmook使用,其实,也可以不用。后端给的接口速度估计不会太慢。知道返回的数据的结构即可。

3.项目的目录划分,尤其是css基础用法

  • 重置样式,一般用到normal.css npm就好
  • 一些按钮图片,统一用iconfront
注意:css需要单独强化,详细内容,看css实战的内容

二:页面设计:

  • 其实,很多时候并非一定要用到ui框架。例如,面向客户操作的(toc)情况下。

三:代码的封装

  • setup 函数:是一个专门集成,代码执行过程的地方。所以,每个功能尽可能地封装成函数之后,再放入这里。否则:后期维护会有很大的困难!!!
  • 组件化的思想要根深蒂固!其实,就是要将页面拆分好,方便维护(看的人,不会那么吃力)和复用(不用重复写)。
 

项目功能:

1.登录和注册

  • 路由守卫,全局和局部要配合使用。
  • 基本用hash模式即可,也可配合后端用history。
  • localstage就是用在这里了,简单记录一下登录状态,后面配合后端深化(20220507)