FED实验室 - 专注WEB端开发和用户体验

自动化构建(一):团队开发中更好的控制代码质量和风格

AUTOMATION Git 煦涵 4120℃ 0评论

在团队中,多人合作开发时,因个人编码习惯不同,因此在代码质量和风格上很难控制,本文将利用自动化构建工具Gulp、Git hook(pre-commit) 在git到版本控制服务器之前控制代码质量和风格。相关知识点jshint、jscs、git hook、npm hook etc。

一、基本环境配置

1.安装node 及npm 包管理器

2.安装git

3.clone该仓库git clone git@github.com:benjamin-zuo/gulp-git-hook-pre-commit.git

4.cd gulp-git-hook-pre-commit

5.npm install 安装依赖包

PS:如果是root 用户,使用npm install --unsafe-perm,目的为利用npm hook执行gulp move-pre-commit任务

6.修改gulpfile.js,把test.js 修改为error.js

7.执行如下git命令,测试文件并提交,查看结果:

git add .

git commit -m 'your comments'

本respository,只涉及到代码质量控制和代码风格,仓库地址:GitHub

二、pre-commit之前可以进行的操作

  1. 代码质量控制
  2. 代码风格
  3. 单元测试
  4. 代码覆盖率
  5. 性能测试
  6. 安全测试
  7. ......

遇到问题:

问题一:
npm WARN cannot run in wd ?

I believe 'wd' means working directory. NPM tries to downgrade its privileges when it runs scripts. That downgrading the privileges causes this error.

also hit this on Ubuntu running as root user. npm install --unsafe-perm worked around the problem, but I now know to stop running as root in general.

参考链接:
JSHint官网
JSCS官网
pre-commit
gulp-jscs
gulp-jshint
gulp-coverage

下面是「FED实验室」的微信公众号二维码,欢迎扫描关注:

FED实验室

行文不易,如有帮助,欢迎打赏!

赞赏支持or喜欢 (1)or分享 (0)
捐赠共勉
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址