大多数具有一定规模的公司,都有自己的前端代码规范,没有或者准备要制定自己公司代码规范的可以参考这些代码规范
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的必装的一个插件,他少了一些强制的束缚但依然让你的代码整齐划一