UDN-企业互联网技术人气社区

板块导航

浏览  : 397
回复  : 2

[原生js] 自动化规范 JS 代码风格

[复制链接]
芭芭拉的头像 楼主
发表于 2017-1-8 15:10:19 | 显示全部楼层 |阅读模式
  要在多人合作的项目规模增加时保证可维护性,统一的代码风格是十分重要的。而通过配置 ESLint 在代码提交前统一检查并人工逐一修改的方式,容易引入较多的额外负担。

  主流 IDE 一般具备 Prettify 的功能,可以按约定的格式要求格式化代码。这种方式虽然易用,但定制 IDE 的风格细节(如是否在函数声明后加空格、 else 是否换行)是相当繁琐的,且维护 IDE 的配置文件也比较麻烦。在只对代码有基本的排版风格需求的情况下,可以采用 StandardJS 作为风格规范,并用 standard-formatter 自动格式化 JS 代码。

  StandardJS 约定了一套不可定制,但可满足强迫症患者排版需求的完整代码风格规范。规范中的风格并不仅限于空格、缩进、分号一类的排版风格,还包括了对 === 和err 错误处理等代码逻辑的若干基本要求。虽然对逻辑相关的部分,standard-formatter 不会去自动化地尝试重构,但它已能够做到将老代码自动转为 2 格缩进、充分空格留白且无分号的风格。并且,这个工具并不强制对当前文件做全量的修改,可以按需重排选中的部分,在一些内联脚本的场合这显得尤为灵活。

  使用 standard-formatter 的方式也很简单,在 Atom 的包管理器中安装即可。安装并启用后, ctrl-alt-v 快捷键就可以自动格式化当前文件了。在 .vue 这类既包含 JS 又包含模板和样式的文件中,可以先通过 shift 点击选中需要格式化的代码段,再使用快捷键格式化相应部分的代码。

相关帖子

发表于 2017-1-8 15:10:51 | 显示全部楼层
还是挺有借鉴意义的
使用道具 举报

回复

发表于 2017-1-8 15:10:52 来自手机 | 显示全部楼层
Very Good!
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部