开发注意事项 考虑边界值：如果要展示一个列表，就要考虑列表为空、列表长度超过一页的情况；如果展示的是文字，则要考虑文字为空、文字超长的情况；访问a.b.c时，a或b是否可能为undefined。 考虑

不管是Vue.js源码，还是UI组件库Element-plus，只要有多人协同开发，代码规范上多多少少都会有一些"百花齐放"。即使像Vue.js源码，不同开发者在命名上也会附带个人风格。

前端工程化是指将前端开发流程标准化、自动化和模块化的过程。实际项目中根据需求和团队情况可能会有所不同。前端工程化是一个很大的话题，并不局限于上述列举的部分，主要目的是，前端工程化通过引入模块化。。。。

遇到屎山代码，大多数人第一反应就是这谁写的代码这么差，其实大多数公司大多数人至少曾经都写过一些屎山代码，有屎山代码很正常，问题在于怎么快速梳理出业务逻辑，防止在迭代新需求时引发bug

在业务开发中，简单的枚举值往往会衍生出许多关联的字段定义。面对需要定义复杂业务字典的场景，本文将使用 TypeScript 实现一个定义业务字典的工具函数，并且支持类型提示。

我这里提供一份我自己在使用的项目代码规范，当然我这里比较简陋，有补充的可以打在评论区，我丰富到文章里去。

React + TS + Eslint + Stylelint + Prettier + lint-staged + Husky项目模板，项目用了vite快速创建，换做其他脚手架也可。

从代码风格、项目配置等方面同步开发团队全员的项目运行环境，一份比较完整的前端代码质量与团队协作指南，注意本文默认开发环境是 VSCode

terminal、vscode、chrome是前端工程师每天必须接触的几个工具，怎么样可以把它们高效结合使用呢～