本文用 Vue 项目做示范。 利用 Vue-CLI 创建项目时要将 ESlint 选上，下载完依赖后，用 VSCode 打开项目。 配置完之后，VSCode 会根据你当前 Vue 项目下的 .eslintrc.js 文件的规则来验证和格式化代码。 test/ src/ 是你要校…

vue3 已经来了，vuex 新版本也在 beta 中，在应用于项目前，先过过水，气的我差点把电脑砸了，为啥要砸，咱们开始正文吧... 阿西巴，这什么鬼，any，此时内心已经崩溃，无力吐槽... 好吧，把 script 部分拿出来，总可以了吧，耐心已经耗尽... 抬眼看窗外，天…

本文已参与「掘力星计划」，赢取创作大礼包，挑战创作激励金。 使用 vite 创建的 vue3 项目有点简陋，很多功能都没有。所以本文将讲解一下如何对 vite + vue3 项目配置代码自动格式化。配

从0到1开发组件库（vue3+ts） 1.使用Vite搭建官网 1.1 初始化项目 全局安装 create-vite-app 创建项目目录 安装vue-router 安装sass 1.2 搭建官网 我

本文主要讲在搭建一个组件库过程中，从包工头对组件库进行项目管理，在脚手架对组件库进行项目构建，最后工具对项目规范的约束。同时也是作者对开发组件项目库中遇到的一些问题进行总结和常用工具的分享。 盖大楼之前，我们先把地基打好，先构建好我们的项目工程。 对于一款组件库，我们把每个组件…

本项目技术栈为vue3+typescript，PC端组件库。 项目gitee地址 本文将从环境搭建开始，一步步完成组件库的打包工作。组件库内组件不定期更新。 1. 代码管理方式 组件库采用monorepo的代码管理方式。 monorepo 是管理项目代码的一种方式，指在一个项目…

单一职责并不是说：一个函数只做一件事。虽然那也是一种设计原则，但并不是现在说的单一职责。 该原则具体到本文实践有状态管理和架构依赖管理等。 就像Redux或Vuex中，我们只能通过dispatch一个action这种方式来修改数据。那么State（软件模块）只能被Actions…

​ 最近为了走协议先行的开发模式，加快开发效率。从swagger迁移到yapi，所以抛弃了之前使用的Pont。懒得每次都手写接口请求方法和接口的声明文件🐶，实现了从Yapi生成Typescript。

从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。