前端进阶之养成一个良好的代码风格--JavaScript standard style

代码风格养成

  • 养成一个良好的代码风格不仅有助于我们代码的浏览和维护,更能让我们养成一个良好的码代码习惯
  • 网上有几种不同的代码风格,看个人喜好选择一款即可
  • 个人比较喜欢JavaScript standard style
  • 点进官网我们可以看到 standard 这个代码风格官方提供了编辑器插件,这对我们起步再好不过了,
  • 所以我们可以按照官方的推荐,用sublimelinter来安装sublime的插件来辅助我们养成一个良好的代码风格

npm 安装 standard

  • 在这之前需要电脑已经安装node.js才能使用npm

  • 打开cmd,输入下面这个代码全局安装

  • npm install standard --global

  • 安装好后可以通过输入 standard --version来查看 standard 版本确认是否安装成功

Sublime Text 安装 standard 插件

  • 通过 Package Control,安装 SublimeLinter 和 SublimeLinter-contrib-standard。
  • 安装好后我们的sublime就可以自动识别我们的js代码是否符合standard的规范了。
  • 如下图,我们可以把等号两边的空格都删掉,以及添加行末分号测试下插件是否起作用

  • 我们可以很明显看到上图的很多不符合standard规范的代码就被标红,比如 推荐用===而不是==,比如等号两边推荐有空格的写法,此时你写==就被有红色框表示提醒,行末分号也是,当然其实这些错误并不会影响代码的执行,只是来提醒我们这种写法不是规范的代码风格。
  • over

猜你喜欢

转载自juejin.im/post/5c9591a8e51d454ccb06bee2