Вдруг разрешите вам разрабатывать приложения Electron, вы можете его придержать?
Если руководитель вдруг сказал, что нужно разработать front-end десктопное приложение, то для нас логично выбрать Electron для фронтенда. Но на самом деле многие студенты не очень хорошо знакомы с Electron.
Если нас вдруг попросят разрабатывать приложения Electron, многие люди впадут в состояние растерянности и растерянности.. Затем, полагаясь на относительно немного информации в Интернете, я медленно исследовал и ступил на яму, чтобы удовлетворить потребности Электрона.
Чтобы решить вышеуказанные проблемы, мы завершили проект и сделали его открытым исходным кодом, надеясь помочь каждому изучить Electron.
Быстро изучите и начните работу с Electron: электронная площадка
electron-playgroundЭто недавний проект с открытым исходным кодом нашей компании (Good Future Group Xiao Blackboard).
Цель проекта электронной игровой площадки
Помогите фронтенд-мальчику изучить и понять интерфейсную настольную технологию Electron лучше и быстрее, избегая обходных путей..
Может ли электронная площадка узнать, что электрон делает для меня?
- Учебная статья с примерами GIF и рабочими демонстрациями.
- Систематически организуйте API и функции, связанные с Electron.
- На тренировочной площадке попробуйте различные возможности электрона самостоятельно.
Далее я подробно расскажу о содержании проекта.
Демонстрация проекта
1. С примером gif и действенным объяснением демо-статьи
Проект сопровождается серией учебных статей. Все эти статьи являются проверенными и систематизированными и включают в себя примеры GIF, рабочие демонстрационные примеры, блок-схемы и другой контент.
Собственная демо-версия проекта
меню: добавить меню
gif демонстрация демонстрационной работы проекта
диалог: запрос сообщения и подтверждение
диалог: выберите файл
блок-схема
Управление окнами — создание и управление окнами
Систематическая сортировка API и функций, связанных с Electron.
electronicn-playground систематически систематизирует связанные с Electron API и функции, а также инженерный контент.
список электронных площадок по категориям
- Инжиниринг
- Анализ и сбор сбоев
- Разработка и отладка
- проблема с упаковкой
- Обновление приложения
- заявление
- пользовательский протокол
- Системные подсказки и выбор файла
- меню
- системный трей
- загрузка документа
- управление окнами
- Создание окон и управление ими
- скрыть и восстановить
- фокус, не в фокусе
- Полный экран, развернуть, свернуть
- оконная коммуникация
- тип окна
- оконное событие
- разное
- безопасность
Скриншот категории списка электронных игровых площадок
Буровое поле
Для реализации более сложных операций используемfiddleСоздал буровое поле.
Поле сверления интегрирует веб-библиотеку редактирования vscode:monaco-editor, опыт кодирования близок к vscode.
Как начать
electron-playgroundПроцесс запуска выглядит следующим образом:
git clone https://github.com/tal-tech/electron-playground.git // 下载项目
npm install // 安装依赖
npm run start // 启动项目
Добро пожаловать, чтобы загрузить обучение / опыт
electron-playgroundЭто способ быстро приступить к работе и изучить электрон, попробовав различные характеристики электрона, чтобы получить то, что вы видите.
Заинтересованные студенты могут загрузить проект и испытать его.Я надеюсь, что этот проект поможет вам лучше и быстрее изучить и понять интерфейсную технологию настольных компьютеров Electron и избежать окольных путей.
Если это хорошо, дайте этоStar⭐️ Поощряйте нас ^_^~