2023_10_04
做笔记方法/学习方法
有文档的不要记，除非有不懂的地方，可以做批注。或者按功能记。
记环境配置、实际遇到的问题及解决方案、常用的功能组合方案
但是记得，学习文档时，理解了，必须敲一遍代码，虽然不记笔记，但要实践
pinia持久化插件
pinia-plugin-persistedstate
代码规范校验与格式化插件
eslint，配合vscode保存时自动格式化，vite插件，webpack插件
lint-staged，增量检查
git hooks工具
husky npm包，在git commit时，先执行自定义的回调脚本，再提交
一般用于自动化部署、 语法规范检查
es一键导出
仅适合export ，如果为export default 不知道，没有试验
export * from './modules/user.js'
ai辅助编程
codegeex 免费，且国产
copilot 收费，买成品号也贵
vue3监听路由变化
watch(useRoute(), (newV, oldV) => {
console.log(newV.path)
})
useRoute()刚好是一个响应式对象，可以直接进行监听，而且会隐式转换为深层监听
vue router多级路由菜单的选中
问题：一级路由时，二级路由菜单没有选中，在二级路由时，一级路由菜单没有选中的情况
方案：
UI菜单组件的active路径属性使用useRoute().matched[0].path这种方式传入
matched[0]表示匹配到的一级路由，matched[1] 表示匹配到的二级路由
git提交规范
- feat: 新功能（feature）
- fix: 修复bug
- docs: 文档相关的改变
- style: 代码样式、格式化相关的改变，不影响代码的逻辑
- refactor: 重构代码，既不修复bug也不添加新功能
- perf: 提升性能的改变
- test: 添加或修改测试相关的代码
- chore: 构建过程、辅助工具、库的改动，不涉及代码的修改
