lint-staged配置 前面使用npx eslint . --fix来检查我们整个项目，项目足够小还行，如果文件越来越大的时候就会有问题，我们就需要想办法让它只执行我们变更的文件，大大提升我们的检查的速度，就推出了一个工具lint-staged 在package.json里配置 然后将前面配置的.husky/pre-commit里的内容替换 现在提交代码

tov-ui工程目录初始化 打开终端 进入项目目录 或者如果是windows下就直接右键新建文件即可，注意文件名称后缀yaml 并在根目录中创建packages目录，并继续创建tov-ui目录，再次打开终端进入tov-ui命令初始化项目 就会产生一个package.json文件。 最后在清理一些用不到的文件 根目录下的src目录; 根目录下的public目录

配置 eslint 这里是因为我们使用了workspace，所以还需要加上一个w 意味着把我们的依赖下载到workspace的根目录下的package.json里 这里的eslint的版本是有问题的，我们需要手动调整版本为8.55.0，然后重新安装一下 根目录下新建eslint.config.js 如果是vscode进行相关的配置，在.vscode下新建se

配置 Husky " 安装" 在根目录下的package.json里添加执行命令 然后再重新安装下依赖 然后根目录下就会生成一个.husky文件，我们只需要在git commit之前进行检查代码即可。 我们这里先把package.json里的husky得版本换一下，新版的好像没有add了 至此.husky/pre-commit内容为 至此，如果有地方不符合规

选项式API和组合式 API 的区别 选项式 API 组合式 API setup函数中没有this; setup函数只会在组件初始化的时候执行一次; 或者 通过ref声明响应式变量，ref的值就是初始值; 引用ref声明的变量后面必须加.value才能用到，但是在template里不能使用; data 选项式声明状态 此选项的值必须返回一个对象，Vue在创建

按键修饰符 " 格式：v-on:keyup.按键名或@keyup.按键名" 常用按键名 .enter回车键; .tab; .delete（捕获Delete和Backspace两个按键）; .esc; .space; .up; .down; .left; .right; 系统按键修饰符 " 用来触发鼠标或键盘监听器，只有当按键按下时才会触发" .ctrl; .

Vue3 学习 使用vite " 使用vite创建项目" " 文件了解" tsconfig.json和tsconfig.node.js区别，一个是浏览器环境一个是node环境 vite.config.ts整个项目的一个配置文件，默认插件@vitejs/plugin-vue 根文件: index.html，有一个根节点，处理代码: 如果点击main.ts到了对

后台主控面板开发 统计面板组件开发 这里推荐一个使用的vscode的插件：Element Plus Snippets，提供了很多Element Plus的快捷代码生成。 还需要使用到Card组件：https://element-plus.gitee.io/zh-CN/component/card.html 标签组件：https://element-plus.

文档 vue3 官网; CDN 地址; 使用 cdn 来练习 vue3 我们可以把和vue相关的js内容放到另外的单独文件里。 我们可以使用vs code的Live Server的插件来实时运行该页面。 使用单页面如何加载后台数据 " 我们可以简单使用window来模拟一个假数据" js里的加载数据 使用 vue 来演示 组件和应用 应用：就像父亲一样，就是