首页
学习
活动
专区
圈层
工具
发布

代码美化的艺术

为了衬托“艺术”二字,可能叫“代码美化”更贴切一点,但是本文的深度远没有标题那么宏大。 在我看来,代码质量不仅体现在逻辑上,也要体现在形式上。...可能很少有人会去考虑这方面的问题,毕竟美化插件都是现成的,比如常用的 Prettier,只要一个快捷键就可以迅速格式化,但是代码格式化插件的标准并不一定是最好的。...本文范例主要以 Angular 为主,但是代码美化的建议同样适用于 React 和 Vue。 每行代码多少字符合适? 关于代码字符数一直是一个争论不休的问题。...首先这条规范是 Python 编码风格的建议,而 Python 的代码是以缩进代表代码块,类、函数等在定义时也没有大括号及小括号,算上括号前的空格,这就比一般的代码少几个字符。...总结 代码美化只是一种形式,它不会对逻辑产生任何影响,但是好的代码格式会间接影响我们编码的速度,甚至影响到代码的质量。

2.4K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    代码美化的艺术

    为了衬托“艺术”二字,可能叫“代码美化”更贴切一点,但是本文的深度远没有标题那么宏大。 在我看来,代码质量不仅体现在逻辑上,也要体现在形式上。...可能很少有人会去考虑这方面的问题,毕竟美化插件都是现成的,比如常用的 Prettier,只要一个快捷键就可以迅速格式化,但是代码格式化插件的标准并不一定是最好的。...本文范例主要以 Angular 为主,但是代码美化的建议同样适用于 React 和 Vue。...首先这条规范是 Python 编码风格的建议,而 Python 的代码是以缩进代表代码块,类、函数等在定义时也没有大括号及小括号,算上括号前的空格,这就比一般的代码少几个字符。...总结 代码美化只是一种形式,它不会对逻辑产生任何影响,但是好的代码格式会间接影响我们编码的速度,甚至影响到代码的质量。 本文篇幅有限,也有很多不当之处,如果读者对代码美化有更好的建议,欢迎留言评论。

    2.5K20

    HTML highlight 代码前端高亮、代码美化

    参考资料: 1. highlightjs 官方使用文档 2. highlightjs 代码各种风格 3. ckeditor 代码高亮插件 Code Snippet 官方使用文档 4. .../设置高亮风格, 如果不设置着默认风格为default config.codeSnippet_theme = 'monokai_sublime'; }; # 富文本编辑器中显示出来的输入的代码按钮...Django collectstatic 后的 static_root 路径:joyoo\static_root\ckeditor\ckeditor\config.js,如果想在 debug 模式下显示 代码按钮...可以把 ckeditor 的 config.js 源码改成上面那样,也可以在 settings  里配置,详情 点这里 源码 ckeditor 路径:E:\Python35\Lib\site-packages...可以修改成自己喜欢的样式,css 文件路径:joyoo\static_root\ckeditor\ckeditor\plugins\codesnippet\lib\highlight\styles,前端代码高亮还可以使用

    3.8K20

    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

    27710

    使用 Prettier 美化你的代码

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

    2.6K10

    使用ESLint & Prettier美化Vue代码

    Prettier 是一个有见识的代码格式化工具。它通过解析代码并使用自己的规则重新打印它,并考虑最大行长来强制执行一致的样式,并在必要时包装代码。...等语言,您可以结合 ESLint 和 Prettier,检测代码中潜在问题的同时,还能统一团队代码风格,从而促使写出高质量代码,来提升工作效率。...备注,此文首发于使用 Vuepress 搭建的新 Web 应用:静晴轩别苑;如果您对此感兴趣,可以移步查看:使用ESLint & Prettier美化Vue代码。...在格式化代码方面具有更大优势。...本文就如何使用 ESLint & Prettier,来格式并美化 Vue 代码做下探讨;如果您使用其他类型框架,这份经验绝大部份依旧适用。

    4K71
    领券