前端代码规范

大多数具有一定规模的公司，都有自己的前端代码规范，没有或者准备要制定自己公司代码规范的可以参考这些代码规范

9个秘籍里面有6个文档、1本书籍和2个工具，认真看完这9个秘籍，一定会提升代码质量，让你写出漂亮的代码

秘籍一：京东凹凸实验室前端代码规范

网址：https://guide.aotu.io

如果公司没有具体的前端代码规范，完全可以自己按照这套规范来编写，这里面包括了HTML规范、CSS规范、图片规范、命名规范和JS规范

这套规范的优点是清晰简单不复杂

秘籍二：腾讯代码规范文档库TGideas

网址：https://tgideas.qq.com/doc/index.html

我经常看腾讯的前端博客，也阅读他们的开源项目，我认为腾讯的前端代码规范是优秀的

这个规范是腾讯前端程序员必读规范手册，优点是有PC端专题、移动端专题和双端专题

这套文档适合公司还没有代码规范但正想简历代码规范的人使用，让公司有一套不错的前端代码规范

秘籍三：百度前端代码规范文档

网址：https://github.com/ecomfe/spec

百度一直是一个相信代码能够改变世界的公司，也是国内大厂里面第一个把代码规范做成标准化的公司，所以他们的代码规范一直被模仿，值得学习

秘籍四：JavaScript Standard Style

网址：https://github.com/standard/standard

除了公司组织外，很多个人也在项目中使用规范，JavaScript Standard Style就是一个个人代码规范，很多著名项目都在使用这套规范，比如：Node.js、Express、MongoDB和Github都在使用这个规范

他贴心的准备了中文版，所以非常方便我们的阅读

秘籍五：Vue官方特有的代码风格指南

网址：https://cn.vuejs.org/v2/style-guide/index.html

在国内前端程序员必会的一个框架就是Vue，所以如果你不想别人嘲笑你的Vue写的代码不好并遵守规范是一个明智的选择

这些代码规范和传统的代码规范稍稍还是有一些差别的，可根据自己的喜好和公司环境自行取舍就好

秘籍六：阮一峰的ES6编程风格

网址：https://es6.ruanyifeng.com/#docs/style

他虽然只能算作是一篇短短的文章但是干货满满，仔细研读下来一定会让你的代码有所提升

秘籍七：《代码整洁之道》

《代码整洁之道》也就是我们经常听说的那个clean code，是码神 罗伯特·马丁 的作品，经常称为马丁为Bob大叔

书中代码虽然基于Java语言，但作为前端你也会收货很多

这本书被誉为“程序员童子军规则”，也算是程序员的一个必读书

秘籍八：ESLint代码规范检测工具

网址：https://eslint.bootcss.com

ESLint这不是一个文档也不是一本书，这是一个代码规范工具

他是一个强检测型的代码规范工具，也就是说如果不按照设定的规则来写直接会报错，让你不能push代码。当然规范是可以自定义的

秘籍九：Prettier代码格式化工具

网址：https://www.prettier.cn

这也是一个工具，他不像ESLint是一个强类型的代码规范工具，他显得温柔了很多，但同样可以 保持代码风格一致

这是我VSCode的必装的一个插件，他少了一些强制的束缚但依然让你的代码整齐划一