JavaWeb 20.前端工程化

在某一天,我不再蹲在地上观察蚂蚁,他们蹩脚的成见和管带你我再也听不进分毫

------ 24.10.13

什么是前端工程化

前端工程化是使用软件工程的方法来单独解决前端的开发流程中 模块化、组件化、规范化、自动化 的问题,其主要目的为了提高效率和降低成本

前端工程化学习路线

新端工程化实现的技术栈有很多,我们采用

ES6+nodejs+npm+Vite+VUE3+router+pinia+axios+Element-plus组合来实现

① ECMAScript6 VUE3中大量使用ES6语法

② Nodejs 前端项目运行环境

③ npm 依赖下载工具

④ vite 前端项目构建工具

⑤ VUE3 优秀的渐进式前端框架

⑥ router 通过路由管理实现组件数据传递

⑥ pinia 通过状态管理实现组件数据传递

⑥ axios ajax异步请求封装技术实现前后端数据交互

⑦ Element plus 可以提供丰富的快速构建网页的组件仓库

相关推荐
不会敲代码16 小时前
我写了一个 HTML 文件,把 JS 事件循环彻底搞懂了
前端·javascript·面试
写不来代码的草莓熊6 小时前
SVG 图标插件误读 PNG 图片 + Vite 重启缓存失效重新生成 + 浏览器严格渲染
前端
燐妤6 小时前
前端HTML编程3:初识CSS
前端·html5
UXbot6 小时前
独立设计师UI设计工具推荐(2026):支持AI原型生成与代码导出的5款工具全面评价
前端·人工智能·低代码·ui·交互·产品经理·web app
anOnion6 小时前
构建无障碍组件之Table Pattern
前端·html·交互设计
mfxcyh7 小时前
如何把对象数据转化为数组
java·服务器·前端
编程技术手记7 小时前
Vite 开发环境前后端端口隔离:解决 index.html 冲突问题
前端·html
光影少年7 小时前
react16-react19类组件完整生命周期(挂载/更新/卸载)
前端·javascript·react.js
这个昵称也不能用吗?9 小时前
eas 热更新相关
前端
KaMeidebaby9 小时前
卡梅德生物技术快报|葫芦科植物遗传转化:Fast‑TrACC 工程化优化:葫芦科植物遗传转化效率提升与成本控制
前端·其他·百度·新浪微博