新项目配置

新项目配置

配置

  • EditorConfig

  • CHANGELOG

代码管理

git

需要定义.gitignore,忽略提交目录和文件

node_modules/
bower_components/
.DS_Store
.idea

代码检查

eslint

# 初始化
$ eslint --init
# 可以选择流行的eslint配置或者回答问题自定义配置生成.eslintrc文件
# 还可以新建.eslintignore忽略文件

集成构建

jenkins

命令

$ sudo launchctl load /Library/LaunchDaemons/org.jenkins-ci.plist
$ sudo launchctl unload /Library/LaunchDaemons/org.jenkins-ci.plist

使用

配置Github插件

jenkins web端平台: 系统管理 >> 系统设置 >> GitHub Plugin Configuration

新项目配置_第1张图片

github上用户: Settings >> personal access tokens >> 新建

新项目配置_第2张图片

勾选给Jenkins的访问权限,Github plugin的帮助信息里说要admin:repo_hook、repo和repo:status权限,其实repo:status是包含在repo里的。 点击Generate token创建一个token

新项目配置_第3张图片

复制这个token,回到Jenkins点击Add按钮

新项目配置_第4张图片

选择Secret text,粘贴token,添加描述,点击添加。Credentials中选择刚才新建的。
点击Verify credentials测试token,显示Credentials verified for user xxx, rate limit: xxxx,说明配置完成了,这样你的Jenkins就具有访问你的github的权限了。

新建项目

创建一个freestyle任务

新项目配置_第5张图片
新项目配置_第6张图片

填写项目的git地址, eg. https://github.com/your_name/...
添加github用户和密码
选择githubweb源码库浏览器,并填上你的项目URL,这样每次构建都会生成对应的changes,可直接链到github上看变更详情

构建触发器
勾选Build when a change is pushed to GitHub,这样该仓库的每一次push或者pull request都会触发build

新项目配置_第7张图片

随后配置构建环境、构建步骤和构建后步骤
安装了Github Plugin之后在构建步骤和构建后操作会多两个设置,用于在构建时和构建后同步构建状态到Github的,后面有效果图

新项目配置_第8张图片

配置Github仓库的Webhook

仓库的创建人在仓库的Settings >> Webhooos & services添加
我们只需要push事件触发就可以了,选中Just the push event
点击Add webhook
yes,与github集成的Jenkins CI环境就配置好了

新项目配置_第9张图片

每次push都会触发一次build,pull request的话还会在该界面直接显示build结果

新项目配置_第10张图片

新项目配置_第11张图片

你可能感兴趣的:(前端工程化)