typicode/tlapse

JavaScript

📷 Create a timelapse of your web development... or just automatically take screenshots of your hard work ;)

screenshottimelapse

主要指標

スター成長

スター

フォーク

週間成長

Issue

5001k1.5k2k

2023年2月2023年9月2024年4月2024年12月2025年7月2026年3月2026年10月

成果物npm

README

tlapse

Create a timelapse of your web development 📷

A tiny utility that takes periodic screenshots of your site while you develop. Uses Puppeteer for creating beautiful high resolution screenshots 🌸.

npm install npm-run-all tlapse --save-dev

{
  "scripts": {
    "dev": "run-p server tlapse",
    "server": "node server",
    "tlapse": "tlapse localhost:3000"
  }
}

npm run dev

Note npm-run-all lets you run scripts in parallel and makes sure that both tlapse and server are started.

Options tlapse can be configured to use different screenshot resolution, interval, etc... to view available options run

tlapse --help