VueJS 组件编写规范，组件编写，从规范开始。

这里是官方的 Vue 特有代码的风格指南。如果在工程中使用 Vue，为了回避错误、小纠结和反模式，该指南是份不错的参考。不过我们也不确信风格指南的所有内容对于所有的团队或工程都是理想的。所以根据过去的经验、周围的技术栈、个人价值观做出有意义的偏差是可取的。 对于其绝大部分，我们…

执行npm run lint-fix 将自动修复。无法修复的将在控制台给出提示。 原则上每次git commit前我们都需要先执行一下 lint-fix命令的，避免遗忘或者偷懒，我们使用预检查工具进行处理。 husky 是一个 npm 模块，可以在 git 提交前做拦截，如果拦…

每个人的代码风格不同，使用的开发工具也可能不同，为了保持代码风格统一，方便后期维护，本文会介绍如何在Vue项目中使用EditorConfig, Eslint和Prettier实现代码规范。

所谓可共享就是把我们常用的配置提取成一个单独的包利用配置继承的特性可以在不同的项目中使用。就算我们不单独发布包也可以拆分出来，便于管理结构和依赖。

本文脱胎于 Vue3 官网的风格指南，因为原版内容有点多，而且为了具有更广泛的适应性，原版的标准显然不够“严”。所以本文在分类和严格程度上做了改动。

这样你便可以在任何地方使用该组件，使得该组件更易于重用和测试。 data数据具有数据层级结构，切勿过度扁平化或者嵌套层级过深，若是过度扁平化会导致数据命名空间冲突，参数传递和处理，若是层级嵌套过深也会导致vue数据劫持的时候递归层级过深，若是嵌套层级丧心病狂那种的，小心递归爆栈…

团队开发中，多人开发同一个项目，由于个人编码习惯不同，一个项目中最终的代码风格可能差别很大，所以需要通过工具进行约束来保证代码风格的统一。同时也希望通过工具尽可能的减少低级错误出现，并且能帮助修正，所以有了各种各样的 lint 和 formatter。 本篇的目标是使用 vsc…