希默

前面的 TypeScript、ESLint、Prettier、StyleLint 都是在代码编辑期间，辅助开发者进行语法提示、错误警告/提醒、代码自动修正。代码写完后，紧接着就是提交到代码仓库，怎么确保提交到仓库的代码也遵守了这些规则，就显得相当重要了。接下来我们一起配置 Husky、lint-staged、CommitLint 这些。

写一手规范的 CSS 同样重要，有这样一些让人抓狂的样式：满屏都是 !important、全局样式冲突、选择器嵌套层级过深、使用 ID 选择器、样式的书写顺序混乱。StyleLint 就是来帮你解决这些困扰的

现在的前端应用，已经越来越复杂，尤其是公司内部企业级的项目，可能需要几个人甚至几十个人协作才能完成。每个人有自己的开发习惯，也存在技术能力的差异，如果各行其是，最终这个项目会难以维护下去。这就要求项目参与者遵循一套时限约定好的、统一的编码规范，这样可以大幅减少项目的沟通协作成本，增强项目的可维护性。本文主要介绍了 TypeScript、ESLint、Prettier 等的配置。

上文提到了 Vue 3 项目创建完成后的目录结构，但没有展开说。那一个 Vue 3 项目是如何跑起来的呢？

使用方法都一样，只是前者在新标签页，后者在当前页面新增了 DOM 来渲染 Vue DevTools。项目中的包管理工具，目前我使用 pnpm，因此不针对 npm、yarn 等提供相关指令。大家可以根据自己项目的需要自行选择，个人习惯，除了测试相关那两个，其他的都会开启。项目都搭建好了，这时候就可以进行开发了，不过为了开发更爽，还需要做一些配置。项目创建过程非常快完成，目前只是完成了项目结构的初始化。，它是 Vue 官方的项目脚手架工具。的构建版本，直接拿去部署上线就好啦。是前端开发的最强 IDE，要使用。

当前这一系列文章，也是我在学习和使用过程中，针对各个知识点的笔记。学习的过程，需要由浅入深，正所谓，知其然还要知其所以然。

随着互联网行业的不断发展，前端开发已经渗透到应用开发的方方面面，选择一款趁手的开发框架，无疑会大大地提升效率，增加编码的愉悦度。本文主要介绍一下 Vue 3 是什么，看完之后，希望你也认为值得入坑。