|
| 1 | +# Создание расширения Chrome (.crx) |
| 2 | + |
| 3 | + |
| 4 | +[](https://www.oscs1024.com/project/guocaoyi/create-chrome-ext?ref=badge_small) |
| 5 | +[](https://www.npmjs.com/package/create-chrome-ext) |
| 6 | +[](https://www.npmjs.com/package/create-chrome-ext) |
| 7 | + |
| 8 | +[](https://github.com/guocaoyi/create-chrome-ext/actions/workflows/npm-publish.yml) |
| 9 | + |
| 10 | +> Создание скелета вашего расширения для Chrome, поддерживается несколько шаблонов! |
| 11 | +
|
| 12 | +- 🚀 Быстрое обновление с помощью HMR (используется [Vite4](https://vitejs.dev)) |
| 13 | +- 🥡 Готово к использованию |
| 14 | +- 🌈 Поддержка нескольких фронтенд-фреймворков ([React](https://reactjs.org) · [Vue](https://vuejs.org) · [Svelte](https://svelte.dev) · [Preact](https://preactjs.com) · [Solid](https://www.solidjs.com) · [Alpine](https://alpinejs.dev) · [Lit](https://lit.dev) · [Inferno](https://www.infernojs.org) · [Stencil](https://stenciljs.com) · [Vanilla](http://vanilla-js.com)) |
| 15 | +- 🥢 Поддержка нескольких языков ([JavaScript](https://www.javascript.com/) · [TypeScript](https://www.typescriptlang.org/)) |
| 16 | +- 🧶 Оптимизированные сборки (Фон · Контент · Всплывающее окно · Опции · Боковая панель · Панель инструментов разработчика) |
| 17 | + |
| 18 | +[English](./README.md) · [简体中文](./docs/README.zh-CN.md) · [French](./docs/README.fr-FR.md) · [Deutsch](./docs/README.de-DE.md) · [Русский](./docs/README.ru-RU.md) · [日本語](./docs/README.ja-JP.md) |
| 19 | + |
| 20 | +## Установка |
| 21 | + |
| 22 | +> Node >= 14.18.0 |
| 23 | +
|
| 24 | +```bash |
| 25 | +# Используйте команду npm-create или pnpm или yarn |
| 26 | +λ npm create chrome-ext |
| 27 | + |
| 28 | +# или используйте команду npx |
| 29 | +λ npx create-chrome-ext |
| 30 | + |
| 31 | +# или используйте команду npm-init |
| 32 | +λ npm init chrome-ext |
| 33 | +``` |
| 34 | + |
| 35 | +## Использование |
| 36 | + |
| 37 | +Вы также можете непосредственно указать имя проекта и шаблон, который вы хотите использовать, с помощью дополнительных опций командной строки. Например, для создания скелета проекта Vite + Svelte, выполните: |
| 38 | + |
| 39 | +```bash |
| 40 | +# npm 6.x |
| 41 | +λ npm create chrome-ext@latest my-crx-app --template svelte-js |
| 42 | + |
| 43 | +# или npm 7+, требуется дополнительное двойное тире: |
| 44 | +λ npm create chrome-ext@latest my-crx-app -- --template react-ts |
| 45 | + |
| 46 | +# или yarn |
| 47 | +λ yarn create chrome-ext my-crx-app --template vue-ts |
| 48 | + |
| 49 | +# или pnpm |
| 50 | +λ pnpm create chrome-ext my-crx-app --template vanilla-ts |
| 51 | +``` |
| 52 | + |
| 53 | +Вы также можете создать проект с помощью CLI `crx`, выполните: |
| 54 | + |
| 55 | +```bash |
| 56 | +λ npm install create-chrome-ext --global |
| 57 | + |
| 58 | +# и затем |
| 59 | +λ crx my-crx-app |
| 60 | +# или |
| 61 | +λ crx my-crx-app --template preact-js |
| 62 | +# или используйте create-chrome-exe (глобальное окружение) |
| 63 | +λ create-chrome-ext my-crx-app |
| 64 | +``` |
| 65 | + |
| 66 | +## Просмотр |
| 67 | + |
| 68 | + |
| 69 | + |
| 70 | + |
0 commit comments