README.ko-KR.md

Chrome 확장 프로그램 만들기 (.crx)

여러 보일러플레이트를 지원하는 Chrome 확장 프로그램 구조를 만듭니다!

• 🚀 HMR을 통한 빠른 업데이트(Vite4 사용)
• 🥡 즉시 사용 가능
• 🌈 여러 프런트엔드 프레임워크 지원 (React · Vue · Svelte · Preact · Solid · Alpine · Lit · Inferno · Stencil · Vanilla)
• 🥢 다양한 언어 지원 (JavaScript · TypeScript)
• 🧶 최적화된 빌드 (백그라운드 · 컨텐츠 · 팝업 · 옵션 · 사이드패널 · 개발도구 패널)

English · 简体中文 · French · 한국어 · Indonesian · Русский · Deutsch · 日本語 (Translated by ChatGPT)

설치

Node >= 14.18.0

# npm-create 명령어를 사용하거나 pnpm 또는 yarn을 사용하세요
λ npm create chrome-ext

# 또는 npx 명령어를 사용하세요
λ npx create-chrome-ext

# 또는 npm-init 명령어를 사용하세요
λ npm init chrome-ext

사용 방법

추가 명령 줄 옵션을 사용하여 프로젝트 이름 및 사용하려는 템플릿을 직접 지정할 수도 있습니다. 예를 들어, Vite + Svelte 프로젝트 구조를 생성하려면 다음을 실행하세요:

# npm 6.x
λ npm create chrome-ext@latest my-crx-app --template svelte-js

# 또는 npm 7+에서는 추가 이중 대시가 필요합니다:
λ npm create chrome-ext@latest my-crx-app -- --template react-ts

# 또는 yarn을 사용하세요
λ yarn create chrome-ext my-crx-app --template vue-ts

# 또는 pnpm을 사용하세요
λ pnpm create chrome-ext my-crx-app --template vanilla-ts

또한 crx CLI로 프로젝트를 생성할 수도 있습니다. 다음을 실행하세요:

λ npm install create-chrome-ext --global

# 그런 다음
λ crx my-crx-app
# 또는
λ crx my-crx-app --template preact-js
# 또는 create-chrome-exe (글로벌 환경 사용)
λ create-chrome-ext my-crx-app

미리보기