前端工程化

前后端混合开发

前后端分离开发

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

开发某个功能的流程:

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

相关推荐
西西木科技丨Shopify开发机构5 分钟前
如何在 Shopify 中建立重定向
前端·html
汪子熙11 分钟前
深入探析 header facets:定位与应用
前端·javascript
你听得到1112 分钟前
从需求到封装:手把手带你打造一个高复用、可定制的Flutter日期选择器
前端·flutter
江城开朗的豌豆17 分钟前
Vue Router vs location.href:导航跳转的正确姿势,你选对了吗?
前端·javascript·vue.js
小磊哥er21 分钟前
【前端工程化】如何制定前端项目中的页面模版?
前端
Liudef0624 分钟前
基于HTML与Java的简易在线会议系统实现
java·前端·html
2401_8812444027 分钟前
javaweb———html
前端·javascript·html
江城开朗的豌豆28 分钟前
玩转Vue Router:这些实用组件让你的SPA如虎添翼!
前端·javascript·vue.js
前端小巷子31 分钟前
Web开发中的文件下载
前端·javascript·面试
peakmain938 分钟前
Gradle 8.11.1的升级之旅
前端