前端工程化

前后端混合开发

前后端分离开发

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

开发某个功能的流程:

需求分析,接口定义(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>

相关推荐
嚣张丶小麦兜12 小时前
认识vite
前端·javascript·vue.js
玲小珑13 小时前
请求 ID 跟踪模式:解决异步请求竞态条件
前端
开心_开心急了13 小时前
AI+PySide6实现自定义窗口标题栏目(titleBar)
前端
开心_开心急了13 小时前
Ai加Flutter实现自定义标题栏(appBar)
前端·flutter
布列瑟农的星空13 小时前
SSE与流式传输(Streamable HTTP)
前端·后端
GISer_Jing13 小时前
跨境营销前端AI应用业务领域
前端·人工智能·aigc
oak隔壁找我13 小时前
Node.js的package.json
前端·javascript
talenteddriver14 小时前
web: http请求(自用总结)
前端·网络协议·http
全栈派森14 小时前
Flutter 实战:基于 GetX + Obx 的企业级架构设计指南
前端·flutter
Awu122714 小时前
Vue3自定义渲染器:原理剖析与实践指南
前端·vue.js·three.js