前端工程化

前后端混合开发

前后端分离开发

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

开发某个功能的流程:

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

相关推荐
Penge6669 分钟前
Sass 了解
前端
Penge66622 分钟前
Webpack 打包从 0 到 1 实战笔记
前端
Penge66632 分钟前
Webpack 入门:是什么、为什么需要、怎么使用?
前端
Penge6661 小时前
Ant Design(Antd)了解
前端
wangruofeng1 小时前
同一行代码,百种渲染:Asuka、React Native 与 Flutter 跨平台渲染机制深度拆解
前端·github
Penge6662 小时前
JavaScript 核心语法速通
前端
wangruofeng3 小时前
写给开发者的〈重构 UI〉实战笔记:从改好一个设置页开始,告别“程序员审美”
前端·aigc
程序员鱼皮3 小时前
格局!刚刚 DeepSeek 正式开放全家桶 API,咱都能复刻 DeepSeek App 了?
前端·aigc·ai编程
ZhengEnCi4 小时前
登录页电脑端怎么设计才不空:5 种布局方案与可粘贴 AI 提示词
前端·css·设计
Penge6664 小时前
JavaScript:DOM 树
前端