🚀 快速安装
复制以下命令并运行,立即安装此 Skill:
npx @anthropic-ai/skills install supercent-io/skills-template/workflow-automation
💡 提示:需要 Node.js 和 NPM
工作流自动化
何时使用此技能
- 重复性任务:每次运行相同的命令
- 复杂构建:多步构建流程
- 团队新成员加入:需要一致的开发环境
指示
步骤 1:npm 脚本
package.json:
{
"scripts": {
"dev": "nodemon src/index.ts",
"build": "tsc && vite build",
"test": "jest --coverage",
"test:watch": "jest --watch",
"lint": "eslint src --ext .ts,.tsx",
"lint:fix": "eslint src --ext .ts,.tsx --fix",
"format": "prettier --write \"src/**/*.{ts,tsx,json}\"",
"type-check": "tsc --noEmit",
"pre-commit": "lint-staged",
"prepare": "husky install",
"clean": "rm -rf dist node_modules",
"reset": "npm run clean && npm install",
"docker:build": "docker build -t myapp .",
"docker:run": "docker run -p 3000:3000 myapp"
}
}
步骤 2:Makefile
Makefile:
.PHONY: help install dev build test clean docker
.DEFAULT_GOAL := help
help: ## 显示此帮助信息
@grep -E '^[a-zA-Z_-]+:.*?## .*$$' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-20s\033[0m %s\n", $$1, $$2}'
install: ## 安装依赖
npm install
dev: ## 启动开发服务器
npm run dev
build: ## 为生产环境构建
npm run build
test: ## 运行所有测试
npm test
lint: ## 运行代码检查器
npm run lint
lint-fix: ## 修复代码检查问题
npm run lint:fix
clean: ## 清理构建产物
rm -rf dist coverage
docker-build: ## 构建 Docker 镜像
docker build -t myapp:latest .
docker-run: ## 运行 Docker 容器
docker run -d -p 3000:3000 --name myapp myapp:latest
deploy: build ## 部署到生产环境
@echo "正在部署到生产环境..."
./scripts/deploy.sh production
ci: lint test build ## 在本地运行 CI 流水线
@echo "✅ CI 流水线通过!"
使用方法:
make help # 显示所有命令
make dev # 启动开发环境
make ci # 在本地运行完整的 CI
步骤 3:Husky + lint-staged(Git 钩子)
package.json:
{
"lint-staged": {
"*.{ts,tsx}": [
"eslint --fix",
"prettier --write"
],
"*.{json,md}": [
"prettier --write"
]
}
}
.husky/pre-commit:
#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"
echo "正在运行提交前检查..."
# 对暂存的文件进行代码检查
npx lint-staged
# 类型检查
npm run type-check
# 运行与更改文件相关的测试
npm test -- --onlyChanged
echo "✅ 提交前检查通过!"
步骤 4:任务执行器脚本
scripts/dev-setup.sh:
#!/bin/bash
set -e
echo "🚀 正在设置开发环境..."
# 检查先决条件
if ! command -v node &> /dev/null; then
echo "❌ Node.js 未安装"
exit 1
fi
if ! command -v docker &> /dev/null; then
echo "❌ Docker 未安装"
exit 1
fi
# 安装依赖
echo "📦 正在安装依赖..."
npm install
# 复制环境文件
if [ ! -f .env ]; then
echo "📄 正在创建 .env 文件..."
cp .env.example .env
echo "⚠️ 请使用您的配置更新 .env 文件"
fi
# 启动 Docker 服务
echo "🐳 正在启动 Docker 服务..."
docker-compose up -d
# 等待数据库就绪
echo "⏳ 正在等待数据库..."
./scripts/wait-for-it.sh localhost:5432 --timeout=30
# 运行数据库迁移
echo "🗄️ 正在运行数据库迁移..."
npm run migrate
# 种子数据(可选)
read -p "是否使用示例数据填充数据库?(y/n) " -n 1 -r
echo
if [[ $REPLY =~ ^[Yy]$ ]]; then
npm run seed
fi
echo "✅ 开发环境已就绪!"
echo "运行 'make dev' 启动开发服务器"
scripts/deploy.sh:
#!/bin/bash
set -e
ENV=$1
if [ -z "$ENV" ]; then
echo "用法: ./deploy.sh [staging|production]"
exit 1
fi
echo "🚀 正在部署到 $ENV 环境..."
# 构建
echo "📦 正在构建应用程序..."
npm run build
# 运行测试
echo "🧪 正在运行测试..."
npm test
# 根据环境进行部署
if [ "$ENV" == "production" ]; then
echo "🌍 正在部署到生产环境..."
# 生产环境部署逻辑
ssh production "cd /app && git pull && npm install && npm run build && pm2 restart all"
elif [ "$ENV" == "staging" ]; then
echo "🧪 正在部署到预发布环境..."
# 预发布环境部署逻辑
ssh staging "cd /app && git pull && npm install && npm run build && pm2 restart all"
fi
echo "✅ 部署到 $ENV 完成!"
步骤 5:GitHub Actions 工作流自动化
.github/workflows/ci.yml:
name: CI
on:
push:
branches: [main, develop]
pull_request:
branches: [main]
jobs:
test:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- name: 设置 Node.js
uses: actions/setup-node@v4
with:
node-version: '18'
cache: 'npm'
- name: 安装依赖
run: npm ci
- name: 运行代码检查器
run: npm run lint
- name: 类型检查
run: npm run type-check
- name: 运行测试
run: npm test -- --coverage
- name: 上传覆盖率报告
uses: codecov/codecov-action@v3
输出格式
项目目录/
├── scripts/
│ ├── dev-setup.sh
│ ├── deploy.sh
│ ├── test.sh
│ └── cleanup.sh
├── Makefile
├── package.json
└── .husky/
├── pre-commit
└── pre-push
约束条件
必需规则(必须遵守)
- 幂等性:脚本可以安全地多次运行
- 错误处理:失败时输出清晰的信息
- 文档:注释说明如何使用脚本
禁止事项(不得违反)
- 硬编码密钥:不要在脚本中包含密码或 API 密钥
- 破坏性命令:未经确认不得运行 rm -rf
最佳实践
- 使用 Make:平台无关的接口
- Git 钩子:自动化质量检查
- CI/CD:使用 GitHub Actions 实现自动化
参考资料
元数据
版本
— 当前版本:1.0.0
— 最后更新:2025-01-01
— 兼容平台:Claude, ChatGPT, Gemini
标签
#自动化 #脚本 #工作流 #npm脚本 #Makefile #实用工具
示例
示例 1:基本用法
示例 2:高级用法
📄 原始文档
完整文档(英文):
https://skills.sh/supercent-io/skills-template/workflow-automation
💡 提示:点击上方链接查看 skills.sh 原始英文文档,方便对照翻译。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

评论(0)