前端代码规范参考和如何保持前端代码规范

1、前端代码规范参考

编写前端代码规范的主要驱动力是两方面： 
1) 代码一致性（一个项目的代码看起来就像一个人写的一样）
2) 最佳实践。 
通过保持代码风格和传统的一致性，我们可以减少遗留系统维护的负担，并降低未来系统崩溃的风险。
而通过遵照最佳实践，我们能确保优化的页面加载、性能以及可维护的代码。

所有好代码都应该满足这两个特性：复用性，扩展性。

 

1、angular（框架）风格指南（重点）

https://angular.cn/guide/styleguide

2、Airbnb JavaScript代码规范（重点）

https://github.com/lin-123/javascript

3、腾讯前端开发标准（通过分析github代码库总结出来的工程师代码书写习惯）（重点）

http://alloyteam.github.io/CodeGuide/

4、腾讯全端 AlloyTeam 团队CSS命名规范（参考）

http://www.alloyteam.com/2011/10/css-on-team-naming/

命名参考工具：https://unbug.github.io/codelf/

 

1是框架推荐的代码风格指南，2和3通用，4作为css命名的参考，如果有冲突，优先遵循前面的规范。

 

2、如何保持前端代码规范

1、eslint或tslint

eslint：(js)

https://cn.eslint.org/

tslint：(ts)

https://palantir.github.io/tslint/

2、prettier

https://prettier.io

 

eslint或tslint负责代码规范检查和错误检查

prettier负责格式化/美化代码