赵小川

背景 在现代前端开发中，脚手架工具（CLI）在团队项目中扮演着重要角色。我们的团队在项目开发中面临以下挑战： 开发效率低：项目初始化、代码生成和重复性操作耗费了大量时间。 缺乏统一规范：不同成员的代码

🌻 前言 🫑 element-plus 接入 🍅 基本配置 官方链接https://element-plus.org/zh-CN/guide/quickstart.html 安装element-plu

🧑‍💻 写在开头 🧀 你能学到什么 一个最新的、标准的项目初始化、代码规范、提交规范的配置流程 eslint、prettier的配置 & 自动保存修复 git 提交规范，以及git 相关配置 🍎 使用

💁 这个我门清，npm run xxx, npm install ,我已经学废了 直到有一天，我遇到了一些问题，才让我重新开始学习，并了解了npm 🦄 场景1（pack） Q：你帮我项目打个包，我在本

🦄 defineProps js 形式:运行时声明 ts 形式 <> 类型声明 将类型单独 抽离 默认值: withDefaults 🦄 defineEmits js形式 运行时声明 ts形式 <>类

🍳 这就是一个语法 <script setup> 这是vue的一个语法，大家都这样用。💨 写在里面的变量/函数，都相当于包在setup函数中一样。下面是一个简单的对比 setup函数 setup 语法

🍑 联合查询 在我们前端来说，会抽离一些公用组件。不会把重复的组件或者所有代码都放在一个文件夹下。对于后端来说，也是一样的， 我们不会把所有数据都放在一张表里，我们回进行分表，根据一些关联关系，进行联

终于到了这一步，今天我们就将实现一个CRUD，主要是编写nest 部分，前端部分后面可以看git 代码 下面是效果演示（大部分是参考满哥实现，🤣🤣🤣） 前期准备 前端接口处理 通过前端的接口请求，我们

前面我们使用nest g res xxx 自动生成CRUD的代码，不仅简单，而且只能在本地玩。今天我们就来看nest 如何连接数据库，数据库有很多种，我们今天来看连接最常用mysql 数据库，并且使用