Full-Stack-Open-Pokedex CI/CD练习项目

full-stack-open-pokedex 的 CI/CD 练习项目挺适合上手的,尤其是你刚开始摸 CI/CD 流程的时候。这项目其实是全栈开放课程里用来练习 CI/CD 的例子,结构清晰,命令也都标好了,照着跑问题不大。

npm 的脚本命令写得挺全,npm install装依赖,npm start开本地服务,npm test跑测试,npm run eslint做代码检查,甚至还有npm run start-prod直接跑生产环境,挺贴心的。

你要是对GitLab CI或者Jenkins + Docker感兴趣,可以顺带看看其他文章,比如GitLab 的 CI/CD 流程,或者Jenkins + Docker 的实践,都还不错,思路比较清楚。

部署完可以顺带玩下生产环境的构建,npm run build会生成静态文件,拿去丢到服务器或者配个nginx就能跑。调试开发也方便,webpack-dev-server自带热更新,改完就能看到效果。

如果你之前没做过 CI/CD 流程,这个项目真的挺合适的,结构简单,改动空间也大,练手刚刚好。

zip
full-stack-open-pokedex-master.zip 预估大小:22个文件
folder
full-stack-open-pokedex-master 文件夹
file
.babelrc 151B
file
package.json 1KB
folder
test 文件夹
file
PokemonList.jest.spec.jsx 712B
file
App.jest.spec.jsx 1KB
file
PokemonPage.jest.spec.jsx 3KB
file
package-lock.json 490KB
folder
src 文件夹
file
App.jsx 1KB
file
ErrorMessage.jsx 166B
file
PokemonPage.jsx 2KB
file
index.jsx 163B
file
PokemonAbility.jsx 288B
file
styles.css 3KB
file
LoadingSpinner.jsx 237B
file
useApi.js 521B
file
PokemonList.jsx 568B
file
.eslintrc.js 823B
file
.gitignore 19B
file
webpack.config.js 870B
folder
public 文件夹
file
index.html 229B
file
app.js 243B
file
README.md 412B
file
.eslintignore 38B
zip 文件大小:128.4KB