前端规范

[kok-s0s]

我是如何带领团队从零到一建立前端规范的？

参照上述文章实现该项目的前端规范。

每次修改代码要提交时会触发以下代码：

yarn lint
yarn stylelint
npx lint-staged

其中前两个用于检查项目是否有文件不规范，抛出error的话就无法提交成功，需做检查并改正；

yarn lint:fix 和 yarn stylelint:fix 可修复绝大多数；

最后一个指令用于修复所提交的代码，确保所提交代码符合规范；

---

同时我调整了项目的目录结构，资源文件命名为 assets，专门弄 router 和 store 的文件夹用于存放相关信息；

---

scss 中全部采用小驼峰的方式来命名；
默认用的是 stylelint 中的 stylelint-config-standard-scss 插件包中提供的规则，有不同想法在下面提出，可自定义规则。

---

增加了 prettier 包用于格式化一些代码，执行 yarn format 命令即可；

---

BUG

我初次使用遇到 husky 的问题是关于 CRLF 和 LF 的.

那个脚本 pre-commit 必须是 LF 格式才能正常执行，否则会有这个报错 env: node\r: No such file or directory

解决链接：env: node\r: No such file or directory 和 pyenv/pyenv#1725

我的电脑是执行 git config --global core.autocrlf false 就不会默认帮我把文件弄成 CRLF 了。

[clean99]

可否顺便增加一个yarn test命令在lint之后，该项目后面应该会写一部分test，可以顺便在提交的时候进行test，确保代码没有regression

[kok-s0s]

可否顺便增加一个yarn test命令在lint之后，该项目后面应该会写一部分test，可以顺便在提交的时候进行test，确保代码没有regression

现在那个 package.json 里有 create react app 自带的测试脚本命令 "test": "react-scripts test" , 现在你们还没写测试，先不加, 要不然会报 error ，提交就会失败了。等测试完善再加。