扯扯JavaScript 代码规范

1 不想吵架

JS的代码标准之争,惨烈程度堪比《世界上最好的语言》,无论是行尾的引号还是行首的缩进,都是分分钟引发数小时口水仗的节奏,所以,本文其实并不讨论什么样的规范是最好的,而是,‘粗暴’的抛给你一个 :-D。小伙子,如果你还在为JS代码规范寻寻觅觅,那么请你遵守这个并且别问原因别废话,赶紧把注意力放到code本身,别在无谓的浪费时间了。
重点来了,本文要给大家推荐的就是 JavaScript Standard Style。虽说个人认为争辩标准是个无意义且浪费时间的事情,但是也不能乱推荐不是,JS Standard Style 是一套成熟的经过检验的高效的标准,举几个用户:

扯扯JavaScript 代码规范_第1张图片
说服力够了吧?!!

相比你已经被我安利成功了,让我们继续吧! O(∩_∩)O

2 安装使用

熟悉一套代码规范,最好的方法自然就是赶紧用起来并且坚持下去

  • 安装
$ npm install standard --global #全局安装
$ standard  #检查当前目录中的JS文件,有问题直接爆出来
$ standard "src/util/**/*.js" "test/**/*.js" #检查某些JS文件,支持glob表达式

注: glob表达式
检查出来的错误,可以使用 standard --fix 来自动解决(一部分)。

  • 再进一步
    作为现(lan)代(duo)的程序员,上面那种写完代码手动挨个检查的方式想必满足不了挑剔的你。改进一下,把代码检查加到你的项目中,打开package.json,编辑如下:
{
  "name": "my-cool-package",
  "devDependencies": {
    "standard": "*"
  },
  "scripts": {
    "test": "standard && node my-tests.js"
  }
}

接下来,直接运行 npm test就可以执行测试了,立马风骚多了 ;-)

  • 还不够
    不够不够,当然不够!!我写代码的时候直接提示我,让我写不出不符合规范的代码,这多好啊!对嘛,就知道你会想到这儿。之前的jslint,eslint都有插件能帮我们,这个怎么可能缺!以我最爱的webstorm为例(jetbrain全家桶都支持):file - setting - Editor - Code Style - JavaScript
    扯扯JavaScript 代码规范_第2张图片
    webstorm设置

    设置完想必你就看到效果了,照着执行吧 :-)
    对了,建议你先粗略过一遍规范细则,以免面对提示的错误一脸懵逼,不知道哪儿错了 。

3 one more thing...

如果你已经完全使用起了JS standard Style并享受其中,别忘了给你的开源代码加个性感小徽章呀!_

//1
[![JavaScript Style Guide](https://cdn.rawgit.com/standard/standard/master/badge.svg)](https://github.com/standard/standard)
//2
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
装逼小徽章1
装逼小徽章2

原文链接:http://www.jianshu.com/p/b6964a86ed5d
作者: changchao 转载请注明出处

你可能感兴趣的:(扯扯JavaScript 代码规范)