前端工程化

前后端混合开发

前后端分离开发

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

开发某个功能的流程:

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

相关推荐
一个不爱写代码的瘦子6 分钟前
迭代器和生成器
前端·javascript
拳打南山敬老院7 分钟前
漫谈 MCP 构建之概念篇
前端·后端·aigc
前端老鹰7 分钟前
HTML <output> 标签:原生表单结果展示容器,自动关联输入值
前端·html
OpenTiny社区8 分钟前
OpenTiny NEXT 内核新生:生成式UI × MCP,重塑前端交互新范式!
前端·开源·agent
耶耶耶11114 分钟前
web服务代理用它,还不够吗?
前端
Liamhuo1 小时前
2.1.7 network-浏览器-前端浏览器数据存储
前端·浏览器
洋葱头_1 小时前
vue3项目不支持低版本的android,如何做兼容
前端·vue.js
前端小书生1 小时前
React 组件渲染
前端·react.js
sjd_积跬步至千里1 小时前
CSS实现文字横向无限滚动效果
前端
维他AD钙1 小时前
前端基础避坑:3 个实用知识点的简单用法
前端