Visual Studio Code（简称“VS Code”）在前端开发的过程中必不可少，vscode作为代码编辑器，开源、免费、颜值高。更关键的是，丰富的插件，能够提高开发效率，你值得拥有。

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

团队开发中，多人开发同一个项目，由于个人编码习惯不同，一个项目中最终的代码风格可能差别很大，所以需要通过工具进行约束来保证代码风格的统一。同时也希望通过工具尽可能的减少低级错误出现，并且能帮助修正，所以有了各种各样的 lint 和 formatter。 本篇的目标是使用 vsc…

由于不同开发者的编辑器设置不同， 故在项目中应当包含 .editorconfig，用来统一配置编辑器的换行、缩进存储格式。 1.3 ESLint + Prettier。 eslint（包括其他一些 lint 工具）的主要功能包含代码格式的校验，代码质量的校验。而 Prettie…

之前使用过 Vue 开发后台、中台项目，也做过移动端 H5，弄过一点小的前端架构。每做一个项目都会收获了不一样的经验和理解。下面我把这些点点滴滴的经验总结下来，做一个系列的文章分享和阶段性的总结。 自己手动规范 git 的提交原则或者团队统一制定。这个靠自觉，好习惯养成之后就没…

代码规范参考借鉴自各个团队规范，提供肉联帮前端团队规范。 camelCase（驼峰式，也叫小驼峰命名，e.g. userInfo） PascalCase（帕斯卡命名式，也叫大驼峰命名，e.g. UserInfo） kebab-case（短横线连接式，e.g. user-info…

本篇介绍的是如何做到在代码提交前，统一团队代码风格，检查代码质量，并修复一些低级错误。最终期待项目中的开发人员提交的代码都符合代码规范、风格统一。 Git Hook + lint-staged + Prettier + ESLint，先介绍最终实现，具体每个模块的作用和配置后面…

相信很多小伙伴都纠结过自己代码的格式化问题，特别是团队协作的时候，加上前端语言种类繁杂，各种语法糖+团队个人的敲码习惯，会让你感觉到一团糟。 在过往，我们尝试过很多方式，从EditorConfig到各种***Lint, 还要研究各种配置，还是没办法满足我们的需求。 现在，pre…