代码千万行,安全第一行;前端不规范,同事两行泪。
一、Git 分支管理
分支分类
-
master
主分支。 -
develop
开发分支。 -
临时分支
分支操作
-
查看本地(远程)所有分支:
git branch -a
-
新建本地 xxx 分支(并切换到新分支):
git checkout -b xxx
-
将 xxx 分支推送到远程仓库:
git push origin xxx
-
与远程仓库(master)保持同步:
git rebase origin/master
-
删除本地 xxx 分支:
git branch -d xxx
-
删除远程 xxx 分支:
git push origin -d xxx
-
同步远程已删除的分支(删除远程已经删除的本地分支):
git remote prune origin
-
合并 xxx 分支到
当前分支(如:master)
:git merge --no-ff(禁止快进式合并) xxx
-
fast forward 模式:快速合并,看不出做过合并记录。
-
--no-ff 模式:有历史,保留了分支信息,看得出做过合并记录。
-
二、统一团队代码风格
JavaScript Standard 规范,它的特点之一就是
简洁
,开箱即用。它有三大特点:无须任何配置、自动格式化代码、提前发现风格及程序问题。
安装
npm install standard --save-dev
配置
- 修改 VSCode 的 settings.json 配置如下:
// 其他配置(省略)
"javascript.validate.enable": false,
"editor.formatOnSave": false, // 需要关闭,不然可能会存在自动修复冲突
"standard.autoFixOnSave": true,
"standard.enable": true,
- 在 .eslintrc 文件中添加配置,让 ESLint 使用 Standard 规则
// 其他配置(省略)
"extends": ["standard"],
"parser": "vue-eslint-parser"
提示:这里需要安装并使用 vue-eslint-parser
,不然在 vue 中可能出现一些 parsing error
等错误。如下图:
- 记得,重启后生效!
体验
安装和配置完毕后,就可以愉快的体验:eslint + standard
给项目带来的规范性体验了。
举例:下图 promise
函数这里 standard
规范规定了 参数名字必须使用 resolve
和 reject
,用其他的名字就会报错。