最近新起了一个后台项目，还要迁移旧的项目代码，练手之余各种踩坑，临近上线才想起来添加commit提交代码前格式化检查代码并规范提交信息。 在团队多人开发中，规范的commit message可以

日常工作中，几乎每个项目都是由多个人进行维护，每个人的代码书写习惯和风格又不尽相同，在这种情况下，规范和约束就显得尤为重要！

虽然我们项目中引入了`prettier`和`eslint`对代码格式进行了校验,但是多人开发的时候难免依然会有人提交不符合规范的代码到仓库中,如果我们拉取到这种代码还得慢慢对其进行修改,这是一件很麻烦

created时，可用data和prop中的数据。 computed的属性，当在mounted或者dom中使用到时，才会属性的执行代码。 最后是mouted，可使用前面的数据，并且此时才可以操作dom。 watch不会再创建阶段自动执行，除了添加立即执行这个配置项。 计算属性是…

@TOC 写在前面 vue项目在线下环境开发完成后，我们就需要项目的打包上线了，除了要知道打包命令npm run build 之外，我们还要知道项目整体文件依赖情况，web访问加载速度等概念，包括首屏

在项目中使用 rollup-plugin-visualizer 插件可以生成可视化的代码分析报告，看看哪些模块占用了空间，帮助我们更好地了解构建过程中的文件大小、依赖关系等信息。

精彩推荐 🎉Vue3优雅的监听localStorage变化🎉 Vue3如何优雅的加载大量图片🚀🚀🚀 Vue3优雅加载图片的一些动画Ⅱ🚀🚀🚀 Vue3使用hook封装常见的几种异步请求函数场景，让开发更

带你从零开始开发一个完整的效率工具，详细的开发思路配上完整的源码，看完就可以自己动手完成一整个项目的开发，手摸手系列文章，看了就会！！！

常用的前端JavaScript方法封装常用的前端JavaScript方法封装常用的前端JavaScript方法封装常用的前端JavaScript方法封装