作者:叙帝利
链接:https://dwz.cn/PAtqEpf7
![b9ac5592383e06ccfd4897bf9db3c086.png](https://i-blog.csdnimg.cn/blog_migrate/f8d2b8bd1de50236fe8ee265b877c508.jpeg)
前言
原本只是想简单的聊一下代码格式化的问题,无奈本文拖沓了很久,在此期间,我又思考了很多,我越来越觉得代码格式化是一门艺术。为了衬托“艺术”二字,可能叫“代码美化”更贴切一点,但是本文的深度远没有标题那么宏大。
在我看来,代码质量不仅体现在逻辑上,也要体现在形式上。尤其前端代码,在日渐复杂的单页面开发中,代码格式化不仅是为了美观,也是为了更好的阅读及检查。关于代码的格式化并没有统一的标准,每个人都有自己的见解,所以本文的目的以探讨和推荐为主。
可能很少有人会去考虑这方面的问题,毕竟美化插件都是现成的,比如常用的 Prettier,只要一个快捷键就可以迅速格式化,但是代码格式化插件的标准并不一定是最好的。
本文范例主要以 Angular 为主,但是代码美化的建议同样适用于 React 和 Vue。
每行代码多少字符合适?
关于代码字符数一直是一个争论不休的问题。在 Python编码风格指导(PEP8) 规定了每行不超过 80 个字符。Prettier 默认也是 80 个字符。
赞成这条规范的人认为 80 个字符紧凑美观,在大屏显示器也可以分多栏