欢迎光临
我的个人博客网站

基于vue脚手架项目平台框架开发

一.项目基本业务知识:

项目开发实际过程中,需要几个文档:

    需求文档–描述需求的所有的技术和数据,业务流程;设计原则,开发后端样子UI交互图;

    UI图 –UI设计原图导出html页面、蓝湖系统、PNG图片 有了这些就可以开始做页面还原;

    还需要接口文档:才能进行数据模拟  –word、swagger、rap2

 

主要就对项目页面设计解析,数据接口文档解析

 

1.项目开发框架搭建

应该是一个开发平台 –vue-cli脚手架

  –webpack配置:vue.config.js

  –views:项目的主要页面开发模块  –index.vue负责路由分发、实现布局组件切换

  –router:所有路由控制模块 –需要安装路由插件 vue-router

  –store:全局状态数据管理  –需要安装状态管理器插件 vuex

  –components:全局插件–全局组件

  –style:全局样式管理模块 –样式预处理器(sass、less、stylus、postcss) less-loader

  –images:图片管理

  –apis:数据接口定义以及管理模块 –异步请求库封装 ->避免回调函数–Promise、请求权限拦截(如果权限不足,不能发起请求)、允许在代码中使用async+await语法

 

less的编译器:less定义编译规则 less-loader负责编译;less-loader在脚手架中需要注意版本,因为webpack4.x和5.x的语法和加载器有本质的区别所以对应的版本需要使用对应的加载器,当前vue的脚手架还是使用的webpack4.x 用@7版本

赞(0) 打赏
未经允许不得转载:张拓的天空 » 基于vue脚手架项目平台框架开发
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏