qq_45487080的博客

建立一个WebSocket连接，服务器在发布新版本时通过WebSocket向客户端发送更新通知。优点：实时性强，能够即时通知客户端更新。缺点：需要额外的服务器资源来维护WebSocket连接，且可能受到网络延迟和稳定性问题的影响。

从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境vite+vue3+ts+Pinia+elementPlus手把手搭建项目基本流程配置

options has an unknown property ‘contentBase‘. These properties are valid: 【devServer contentBase报错】

规范化是前端工程化的重要一项为什么要有规范标准软件开发需要多人协同不同开发者具有不同的编码习惯和喜好不同的喜好增加项目维护成本每个项目或者团队需要明确统一的标准哪里需要规范化标准代码、文档、甚至是提交日志开发过程中人为编写的成果物代码标准化规范最为重要实施规范化的方法编码前人为的标准约定通过工具实现Lint...

模块化工具的由来ES Modules存在环境兼容问题模块文件过多，网络请求频繁所有的前端资源都需要模块化yarn init -yyarn add webpack-cli --devyarn webpack // 在4.0以后支持0配置打包；`scr/index.js`->`dist/main.js`配置文件新建webpack.cinfig.jsconst path = require('path')module.exprots = { entry:'./src/main.

模块化是一种最主流的代码组织方式，它通过把我们的复杂代码按照功能的不同划分为不同的模块，单独维护的方式去提高开发效率降低维护成本

Gulp是自动化构建的一款工具基本使用yarn inityarn add gulp –devcode gulpfile.js // 创建一个gulpfile.js文件// gulp的入口文件// 最新的gulp中取消了同步任务，每一个任务都是异步任务// 当我们的任务执行完成后需要调用回调函数或其他方式去标记任务已完成exports.foo = done => { console.log('foo task working~') done() // 标识任务完成}// 默认导

Yeoman是什么Yeoman是创建现代化web应用的脚手架工具（最老牌、最通用、最强大）对比vue-cli他更像是一个脚手架的运行平台，我们可以通过Yeoman搭配不同的Generator去创建任何类型的项目我们也可以通过创建自己的Generator，从而来定制属于我们自己的前端脚手架缺点：在很多专注于框架开发人的眼中Yeoman过于通用，而不够专注安装Yeomannpm安装: npm i -g yoyarn安装: yarn global add yo安装对应的generator（根