DEV Community

ke jia
ke jia

Posted on

How to Set Up Your Entire Dev Workflow in 5 Minutes (With 4 Free CLI Tools)

#javascript #node #cli #productivity

How to Set Up Your Entire Dev Workflow in 5 Minutes (With 4 Free CLI Tools)

Most developers spend their first hour on every new project doing setup: initializing git, creating configs, scanning for secrets, organizing snippets. What if you could automate all of that?

Here's my exact workflow — four zero-dependency CLI tools that handle everything in under 5 minutes.

The Problem

You start a new project. Here's what usually happens:

  1. Create directory, npm init -y, install dependencies → 5 min
  2. Set up .gitignore, .eslintrc, tsconfig.json → 10 min
  3. Write boilerplate code → 15 min
  4. Forget about .env until someone commits API keys → production outage
  5. Lose that perfect docker run command you wrote last week → frustration
  6. Spend time analyzing git stats → open browser (context switch!)

That's 30+ minutes before you write a single line of business logic.

The Solution

Four tools. One workflow. Five minutes.

# Step 1: Generate project structure
npx scaffoldx-cli my-app --template react

# Step 2: Scan for secrets
npx @wuchunjie/dotguard my-app

# Step 3: Add your first code snippet
npx @wuchunjie/snippetx add "express middleware" "app.use(express.json())" js

# Step 4: Check git health
npx @wuchunjie/gitpulse my-app
Enter fullscreen mode Exit fullscreen mode

Total time: ~3 minutes. Here's how each tool works and why they belong in every dev's toolkit.

Tool #1: ScaffoldX — Project Generation in Seconds

npm: scaffoldx-cli

GitHub: wuchunjie00/scaffoldx

ScaffoldX generates production-ready project scaffolds from 12 templates. No create-react-app, no next create, no waiting.

npx scaffoldx-cli my-app --template express-api
# Or interactive mode:
npx scaffoldx-cli
Enter fullscreen mode Exit fullscreen mode

Available templates:

  • React (Vite)
  • Next.js
  • Express API
  • Vue 3
  • SvelteKit
  • Nuxt 3
  • Angular
  • Remix
  • Astro
  • React Native
  • Deno
  • Monorepo

Each template includes: TypeScript config, ESLint + Prettier, .gitignore, .env.example, README.md, and a working npm run dev.

Zero dependencies. The CLI itself uses only Node.js built-in modules.

Tool #2: DotGuard — Security Before You Ship

npm: @wuchunjie/dotguard

GitHub: wuchunjie00/dotguard

After ScaffoldX generates your project, scan it immediately:

npx @wuchunjie/dotguard my-app
Enter fullscreen mode Exit fullscreen mode

Output:

🔍 Scanning: my-app

⚠️  WARNING: Exposed secret found!
   File: .env
   Line: 1
   Pattern: API_KEY
   Value: sk_live_abc123xyz

⚠️  WARNING: Exposed secret found!
   File: src/config.js
   Line: 5
   Pattern: DATABASE_URL
   Value: postgres://admin:password@localhost/myapp

🔍 Total: 2 exposed secrets

💡 Tip: Add .env to .gitignore. Use .env.example instead.
Enter fullscreen mode Exit fullscreen mode

Scans for:

  • API keys (AWS, Stripe, GitHub, etc.)
  • Database passwords/URLs
  • OAuth tokens
  • Private keys (RSA, EC, SSH)
  • Custom environment variables

200+ regex patterns with zero false positives on known-good patterns.

Tool #3: SnippetX — Never Lose a Command Again

npm: @wuchunjie/snippetx

GitHub: wuchunjie00/snippetx

During setup, you'll use commands you want to remember. SnippetX stores them locally:

# Save a snippet
npx @wuchunjie/snippetx add "docker cleanup" "docker system prune -af --volumes" cli

# Save with tags
npx @wuchunjie/snippetx add "react router v6" "import { Routes, Route } from 'react-router-dom'" react

# Search
npx @wuchunjie/snippetx search docker
# Find: docker cleanup (cli)

# Copy to clipboard
npx @wuchunjie/snippetx copy "docker cleanup"
Enter fullscreen mode Exit fullscreen mode

Storage: ~/.snippetx/snippets.json — plain JSON, no cloud, no account, no vendor lock-in.

Features:

  • Fuzzy search
  • Tag-based organization
  • Copy to clipboard
  • Export/import
  • Offline-first

Tool #4: GitPulse — Git Analytics, Zero Context Switch

npm: @wuchunjie/gitpulse

GitHub: wuchunjie00/gitpulse

After your first commits, check your repo's health:

npx @wuchunjie/gitpulse my-app
Enter fullscreen mode Exit fullscreen mode

Output:

  📊  GITPULSE

  📝  Total commits: 12
  👤  Contributors:  1
  📅  Active days:   3
  📂  Files touched:  24

  📂  File Type Breakdown
    .js                 ██████████████░░  12
    .ts                 ██████████░░░░░░   6
    .json               ██░░░░░░░░░░░░░░   4

  🔥  Recent Activity
    2026-07-28  ██████████████████████  5
    2026-07-27  ████████████░░░░░░░░░░░   4
    2026-07-26  ██████████████████░░░░░   3
Enter fullscreen mode Exit fullscreen mode

What it shows:

  • Contributor leaderboard with visual bars
  • File type breakdown
  • 7-day activity heatmap
  • Total commits, active days, files touched

All local. Reads from .git/ directory. No external API calls. No data leaves your machine.

The Complete Workflow

Here's the full 5-minute setup for a new React project:

# 1. Scaffold the project (30s)
npx scaffoldx-cli blog-app --template react
cd blog-app

# 2. Initialize git (10s)
git init && git add . && git commit -m "initial"

# 3. Scan for secrets (5s)
npx @wuchunjie/dotguard .

# 4. Save useful commands (30s)
npx @wuchunjie/snippetx add "dev server" "npm run dev" react
npx @wuchunjie/snippetx add "build" "npm run build && npm run preview" react

# 5. Check git health (10s)
npx @wuchunjie/gitpulse

# You're done. Time to code! 🚀
Enter fullscreen mode Exit fullscreen mode

Total: Under 2 minutes.

Why Zero Dependencies?

All four tools use only Node.js built-in modules (fs, path, child_process, crypto, etc.). No node_modules. No npm install -g. No supply chain risk.

Benefits:

  • Instant startup — no module resolution, no cache warmup
  • Zero maintenance — no security alerts, no breaking changes
  • npx-ready — npx package-name and it works
  • CI-friendly — runs in any environment instantly

What's Next

I'm planning:

  • ScaffoldX: 4 more templates (Tauri, Bun, Astro + MDX, Remix + Tailwind)
  • DotGuard: CI/CD GitHub Actions integration, custom pattern support
  • GitPulse: Team analytics, pull request detection
  • SnippetX: Sync between machines, web interface

Try Them 

# Project scaffolding
npx scaffoldx-cli

# Secret scanning
npx @wuchunjie/dotguard .

# Git analytics
npx @wuchunjie/gitpulse

# Snippet management
npx @wuchunjie/snippetx --help
Enter fullscreen mode Exit fullscreen mode

All free. All MIT licensed. All built because I was tired of doing the same setup over and over.

⭐ Star the repos on GitHub, or ☕ buy me a coffee if these save you time.

GitHub | Ko-fi

What's your go-to project setup workflow? Got a tool I should know about? Drop a comment below.

cli #javascript #node #productivity #devops

Top comments (0)