9个前端代码规范秘籍 你也能写出诗一样的代码
送9个前端代码规范秘籍 让你也能写出诗一样的代码。
9个秘籍里边有6个文档，1本书和2个工具，如果你耐心看完，一定会提升代码质量，让你写出漂亮的代码。
第一个秘籍：京东凹凸实验室前端代码规范，网址是：https://guide.aotu.io/
如果你们公司没有具体的前端代码规范，你完全可以自己按照这套规范来编写。里边包括了HTML规范、图片规范、CSS规范、命名规范和JS规范。
优点是清晰、简单、不复杂。近一年来，我工作中的代码都是安装这个标准来写的。
第二个秘籍：腾讯前端代码规范，网址是：http://tgideas.qq.com/doc/index.html。
我经常看腾讯的前端博客，也阅读他们的开源项目。我认为腾讯的前端代码规范是优秀的。所以第二个推荐腾讯的代码规范文档库TGideas.
这是腾讯前端程序员的必读规范手册，优点是有PC端专题、移动端专题、双端专题。这套文档，适合公司还没有代码规范，但正在建立代码规范的使用，你直接可以抄作业，让公司有一套不错的前端代码规范。
第三个秘籍：百度前端代码规范文档，网址是：https://github.com/ecomfe/spec
百度一直是一个相信代码能改变世界的公司，也是在中国大厂里边第一个把代码规范做成标准化的公司。所以他们的代码规范一直被模仿，值得学习。
当然，随着中国代码力量的崛起，几乎所有的大厂都有自己的代码规范，比如网易、阿里、华为、字节。如果感兴趣，在网上找到这些规范应该不难。
第四个秘籍 ：JavaScript Standard Style ，网址是：https://github.com/standard/standard
除了很多公司组织外，很多个人也在项目中使用规范。JavaScript Standard Style就是个人代码规范。很多著名项目都在使用这套规范，例如Node.js、express、MongoDB和Github。规范托管在Github上，需要说的是，他贴心的准备了中文版，所以非常方便我们阅读。
第五个秘籍：Vue官方特有的代码风格指南。网址是：https://cn.vuejs.org/v2/style-guide/index.html
在中国的前端程序员必会的一个框架就是Vue。所以如果你不想别人嘲笑你写的Vue代码，阅读并遵守规范，是个非常明智的选择。我的经验来看，这些代码规范和传统的代码规范稍有差别，根据喜好和公司环境自行取舍就好。
第六个秘籍：阮一峰的ES6编程风格。网址是：http://es6.ruanyifeng.com/#docs/style
这个虽然是个人，但我觉得可以代码阿里的前端代码规范。他就是阮一峰的ES6编程风格。他虽然只能算一篇文章，但干货满满。仔细研读下来，一定会让你的代码有所提升。这个我是一丝不苟的看了2遍，建议你没事也看看。
第七个秘籍：《代码整洁整洁之道》，也就是我们常说的clean code 。
码神罗伯特·马丁的作品，我们尊称为Bob大叔。豆瓣评分8.9分，书中代码基于的是Java语言，但作为前端你也会收获很多。这本书被誉为”程序员童子军规则“，也算是必读书。
第八个秘籍：ESLint ，网址是：https://eslint.bootcss.com/。
这不是一个文档，这是一个代码规范工具。可以自学一下。他是一个强检测的代码规范工具，也就是说如果你不按照设定的规范写，直接会报错，让你不能Push代码。规范规则支持自定义。
第九个秘籍：Prettier，网址是；https://prettier.io/。
这也是一个工具。它不像ESLint是个强类型的代码规范工具，它显得温柔很多。但同样可以保持代码风格一致。这个是 我VScode必装的插件，它少了一些强制的束缚，但依然让你代码整齐划一。这是我喜欢的工具,没有了强迫，就显得温柔很多。
好了，这就是文章的全部内容了。如果你觉得对你有所帮助，请帮忙点赞、如果你再能点击一下关注，这就是对技术胖最大的支持了。