前端工程化

前后端混合开发

前后端分离开发

接口文档:一个业务功能就是一个接口

开发某个功能的流程:

需求分析,接口定义(API接口文档),前后端并行开发(遵守规范),测试(前端,后端)

YApi:是一个功能强大的接口管理平台。可以API接口管理,Mock服务。

过程:添加项目,添加分类,添加接口

Vue-cli

是Vue官方提供的一个脚手架,用于快速生成一个Vue项目

提供的功能有:

统一的目录结构

本地调试

热部署

单元测试

集成打包上线

依赖环境:NodeJS

vue项目-目录结构

node_modules: 整个项目的依赖包

public:存放项目的静态文件

src:存放项目的源代码

package.json 模块基本信息,项目开发所需要模块,版本信息

vue.config.js 保存vue配置的文件,如:代理、端口的配置等

Vue的组件文件以.vue结尾,每个组件由三个部分组成:<template>、<script>、<style>

相关推荐
90后的晨仔11 分钟前
RxSwift 中的 DisposeBag解析
前端·ios
蓝胖子的多啦A梦1 小时前
搭建前端项目 Vue+element UI引入 步骤 (超详细)
前端·vue.js·ui
TE-茶叶蛋1 小时前
WebSocket 前端断连原因与检测方法
前端·websocket·网络协议
骆驼Lara1 小时前
前端跨域解决方案(1):什么是跨域?
前端·javascript
离岸听风1 小时前
学生端前端用户操作手册
前端
onebyte8bits1 小时前
CSS Houdini 解锁前端动画的下一个时代!
前端·javascript·css·html·houdini
yxc_inspire1 小时前
基于Qt的app开发第十四天
前端·c++·qt·app·面向对象·qss
一_个前端1 小时前
Konva 获取鼠标在画布中的位置通用方法
前端
[email protected]2 小时前
Asp.Net Core SignalR导入数据
前端·后端·asp.net·.netcore
小满zs7 小时前
Zustand 第五章(订阅)
前端·react.js