搭建前端项目框架流程思路

魔法城堡 / 2023-08-28 / 原文

从零开始一个项目,第一步就是搭建项目框架,接下来会总结一下搭建框架的基本思路
  1. 第一步确认好项目所使用的框架技术 vue2、vue3或者react,打开对应框架技术的官网,根据教程跑一个最基本的项目,当然在创建项目过程时依需勾选相应需求

  2.  

     第二步,完成第一步项目的基本雏形就有了,在真正开发过程中都是使用git来管理我们的代码的,把对应项目push到git地址

  3. 第三步,工作流的设置,也就是开发分支流程  设置主分支(main) 开发分支(dev)  开发人员分支(dev-xxx) 分支工作流dev-xxx -> dev -> main
  4. 第四步,完成了工作流的设置,就根据项目技术框架 配置一些必要的文件,拿vue举例
    views - 视图层
    components - 公共组件
    builder - 自动生成api
    common - 公有包
    - assets - 静态资源
    - utils - 工具包
    services - 网络请求配置
    router - 路由配置
    store - 状态机
    static - 静态配置
  5. 第五步,也就是README的编写,刚开发时候可以简单书写,细则慢慢补充,用来记录项目的基本情况以及安装依赖方式、对应开发、服务器环境,和一些注意事项,方便项目的对接
  6. 第六步,完成前五步整体的框架就出来了,接下来就是和具体项目挂钩,根据原型图和需求把所有的页面文件创建出来并且体现页面之间的嵌套关系,并配置路由时期能够跳转
    到这里就基本上有一个大体的项目框架了,可以进行开发啦,具体开发流程之后会逐步更新