配置项目基础结构 " Vite + TS + Vue3 初始化项目" 项目的目录结构 安装依赖 一个纯净的项目，里面就一个package.json文件，然后按照上述目录结构创建对应的目录结构 安装依赖 创建对应的文件 创建主文件src/main.ts，创建主组件src/App.vue，并在根目录下创建index.html index.html src/App

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到了对

React + Ts 学习 准备工作 安装nodejs，16 往上都是可以的; 使用国内的npm镜像,镜像地址; 使用方式： 编辑器使用vscode; 安装git进行代码版本管理; 创建项目 资料 create-react-app 中文官网 vitejs 官网 使用 create-react-app 创建项目 加上--template typescript使