Как веб-разработчики, мы создаем веб-проекты, API, ботов и многое другое. Кроме того, мы должны управлять этими проектами через панель инструментов. Написание дашборда — убийственная задача 😠. Сортировка и фильтрация данных, визуальные редакторы… 😢Разработка их меня убивает! Но теперь есть Капсели 👼. В этой статье я познакомлю вас с Капсели, и мы создадим проект Капсели.
Что такое Капсели?
Kapseli предназначен для создания интерактивных веб-приложений SPA, особенно информационных панелей. Капсели — это проект с открытым исходным кодом. Он имеет красивый плоский дизайн пользовательского интерфейса. Если вы хотите узнать больше деталей, вы можете посетить мою статью ниже.
Создать проект Капсели
Во-первых, мы должны установить Капсели. Создадим папку проекта и откроем ее через терминал.
mkdir my-kapseli-project cd my-kapseli-project
Монтаж
Теперь мы инициализируем npm и установим Kapseli.
npm init npm i @stingydev/kapseli
Для рендеринга проекта вам необходимо установить некоторые важные библиотеки для решения некоторых проблем с производительностью и возможных ошибок.
npm i @babel/plugin-transform-react-jsx
Вы можете использовать свой любимый упаковщик Kapseli. Однако он тестировался только через Webpack и Babel. Итак, Webpack и Babel рекомендуются.
Теперь мы готовы запустить наш проект. Создайте index.js и скопируйте этот код.
Конфигурации приложений
Для нашего простого проекта Капсели это необходимая базовая конфигурация.
Подробный конфиг можно посмотреть в документации.
Теперь мы готовы визуализировать наш проект. И у нас есть простой проект Капсели. Ага!! Скажите «Привет, Капсели 👋».
Я собираюсь опубликовать больше статей на этой и других платформах о Капсели. Я также разрабатываю Капсели для версии 1.0.6. Вы можете посетить веб-сайт, чтобы увидеть журналы изменений и более подробную информацию на https://kapseli.stingydev.com/.
Не забудьте подписаться на мой канал разработки игр GalGodot!
🍀 Хорошие коды со скупым разработчиком 👋!