项目管理之 <代码管理>

221 阅读2分钟

代码千万行,安全第一行;前端不规范,同事两行泪。

一、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

配置

  1. 修改 VSCode 的 settings.json 配置如下:
// 其他配置(省略)
"javascript.validate.enable": false,
"editor.formatOnSave": false,	// 需要关闭,不然可能会存在自动修复冲突
"standard.autoFixOnSave": true,
"standard.enable": true,
  1. 在 .eslintrc 文件中添加配置,让 ESLint 使用 Standard 规则
// 其他配置(省略)
"extends": ["standard"],
"parser": "vue-eslint-parser"

提示:这里需要安装并使用 vue-eslint-parser,不然在 vue 中可能出现一些 parsing error 等错误。如下图:

  1. 记得,重启后生效!

体验

安装和配置完毕后,就可以愉快的体验:eslint + standard 给项目带来的规范性体验了。

举例:下图 promise 函数这里 standard 规范规定了 参数名字必须使用 resolvereject,用其他的名字就会报错。

三、Git 提交规范,并在 commit 时进行校验