larscom/angular-chrome-extension

🧩 Angular Chrome Extension Scaffold — khung xương tối giản, sinh dự án bằng CLI

Chỉ là scaffold; dự án thật sinh ra nhờ công cụ ng-chrome-extension — không code thủ công cấu hình manifest, background, popup.

Repo này do larscom duy trì, cung dụng một scaffold (khung mẫu) cho Chrome Extension viết bằng Angular. README khẳng định rõ: bản thân repo chỉ là scaffold, không dùng trực tiếp. Thay vào đó, bạn cài CLI @larscom/ng-chrome-extension và chạy lệnh ng generate để tạo dự án mới — tự động cấu hình Manifest V3, background script, content script, popup, options page, TypeScript, build script… Mọi thứ sẵn sàng để code nghiệp vụ ngay.

✨ Điểm nổi bật

• Scaffold chỉ đọc: repo này không phải starter kit copy-paste, mà là template nội bộ cho CLI.
• CLI ng-chrome-extension: công cụ dòng lệnh chính, sinh toàn bộ cấu trúc dự án Angular + Chrome Extension (Manifest V3).
• Hỗ trợ đầy đủ loại script: background (service worker), content script, popup, options page, devtools panel.
• Build tích hợp: script build/watch dùng esbuild/webpack tùy config, xuất ra thư mục dist sẵn sàng load vào Chrome.
• TypeScript first: cấu hình tsconfig tối ưu cho extension, type-safe cho chrome.* API.
• Hot reload khi dev: watch mode tự build lại khi sửa code, chỉ cần reload extension trong Chrome.
• Cấu hình tập trung: một file chrome-extension.config.json điều khiển manifest, permissions, entry points.
• Zero-runtime dependency: không thêm thư viện runtime ngoài Angular chuẩn.

💡 Vì sao đáng chú ý

Thay vì tự mò cấu hình Manifest V3, web_accessible_resources, background.service_worker, content script matching… — các việc dễ sai, tốn thời gian — scaffold này gói gọn mọi thứ vào CLI. Chạy một lệnh, có dự án Angular build được ngay, tuân thủ chính sách Chrome Web Store mới. Phù hợp cho team muốn tập trung viết feature extension thay vì đấu config. Nếu đã dùng Angular cho web, đây là đường ngắn nhất sang extension mà không phải học build tool từ đầu.

---

#Angular #ChromeExtension #Scaffold #TypeScript #TiniX