首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    代码美化的艺术

    为了衬托“艺术”二字,可能叫“代码美化”更贴切一点,但是本文的深度远没有标题那么宏大。 在我看来,代码质量不仅体现在逻辑上,也要体现在形式上。...尤其前端代码,在日渐复杂的单页面开发中,代码格式化不仅是为了美观,也是为了更好的阅读及检查。关于代码的格式化并没有统一的标准,每个人都有自己的见解,所以本文的目的以探讨和推荐为主。...可能很少有人会去考虑这方面的问题,毕竟美化插件都是现成的,比如常用的 Prettier,只要一个快捷键就可以迅速格式化,但是代码格式化插件的标准并不一定是最好的。...本文范例主要以 Angular 为主,但是代码美化的建议同样适用于 React 和 Vue。 每行代码多少字符合适? 关于代码字符数一直是一个争论不休的问题。...总结 代码美化只是一种形式,它不会对逻辑产生任何影响,但是好的代码格式会间接影响我们编码的速度,甚至影响到代码的质量。

    2.4K20

    代码美化的艺术

    为了衬托“艺术”二字,可能叫“代码美化”更贴切一点,但是本文的深度远没有标题那么宏大。 在我看来,代码质量不仅体现在逻辑上,也要体现在形式上。...尤其前端代码,在日渐复杂的单页面开发中,代码格式化不仅是为了美观,也是为了更好的阅读及检查。关于代码的格式化并没有统一的标准,每个人都有自己的见解,所以本文的目的以探讨和推荐为主。...可能很少有人会去考虑这方面的问题,毕竟美化插件都是现成的,比如常用的 Prettier,只要一个快捷键就可以迅速格式化,但是代码格式化插件的标准并不一定是最好的。...本文范例主要以 Angular 为主,但是代码美化的建议同样适用于 React 和 Vue。...总结 代码美化只是一种形式,它不会对逻辑产生任何影响,但是好的代码格式会间接影响我们编码的速度,甚至影响到代码的质量。 本文篇幅有限,也有很多不当之处,如果读者对代码美化有更好的建议,欢迎留言评论。

    2.4K20

    WebStorm代码一键美化

    还在手动调整代码格式?还在为团队代码风格不统一而头疼?...,脚手架已经帮我们集成了三大神器: • Prettier:代码自动美化,告别手动格式化 • ESLint:代码规范检查,统一团队风格 • TypeScript:类型检查,减少低级错误 但是光有工具还不够...这里我还勾选了一个 Run on 'Reformat Code' action,意思是当我在 WebStorm 当中使用 Reformat Code 功能时,也会触发 Prettier 代码美化。...右键菜单选择Prettier格式化 可以看到代码被 Prettier 美化了。 代码格式化前后对比 只要在执行 Prettier 代码美化的时候不报错,表示配置工程化成功。...如果不使用脚手架,就需要自己整合这些工具: • 代码规划(eslint):https://eslint.org/docs/latest/use/getting-started • 代码美化(prettier

    23010

    使用 Prettier 美化你的代码

    Prettier 是一款流行的代码格式化工具。它支持的语言相当多。 它很纯粹,就一个代码格式化工具,并不会做代码质量的检查(比如声明了一个未被使用的变量)。...Prettier 和 ESLint 比较 ESLint 是一种 Linter,能够分析代码并准确定位错误。它支持 代码质量 以及 代码风格 的检查。...我用 ESLint 写新的功能时,因为代码是半成品,总能看到一堆的错误提示,体验确实不好。 总的来说,Prettier 只做代码格式化;ESLint 既能做代码质量检查,也能做代码风格检查和修正。...一般来说,项目最好加上 ESLint,这对我们改善代码质量很有帮助。对于代码格式化,我们可以用 ESLint 或是 Prettier。...这类的 Formatter 才应该做代码格式化工作。

    2.6K10
    领券