elm_vite_tailwind_template

Vite, Elm, Tailwind CSS и Daisyui

Участие шаблон для создания веб -приложений ELM с использованием Vite, Taillid CSS и Daisyui.

• Чтобы узнать больше о ELM, посетите официальную домашнюю страницу Elm.
• Для получения дополнительной информации о Vite JS, ознакомьтесь с официальной документацией Vite JS.
• Для получения дополнительной информации о Tailwind CSS, ознакомьтесь с официальной документацией Taillid CSS.
• Для получения дополнительной информации о Daisyui, ознакомьтесь с официальной документацией Daisyui.

Инструмент

Просие

• Vite-Plugin-Elm: составьте модуль ELM с перезагрузкой горячих модулей.
• Vite-Plugin-Webfont-DL: введите шрифты Google, чтобы повысить производительность веб-сайта.
• Vite-Plugin-Compression: сжатие ресурсов для повышения производительности веб-сайта.
• Vite-Plugin-Imagemin: сжатие активов изображений для повышения производительности веб-сайта.

Вере

• ELM-Tooling: программа командной строки, которая управляет вашими инструментами ELM.
• Формация ELM: формат ELM исходный код в соответствии с официальным руководством в стиле ELM.
• ELM-тест: записи блок и Fuzz Tests для кода ELM.
• ELM-Review: анализируйте проекты ELM и найдите ошибки, прежде чем ваши пользователи найдут их.

Пакеты

Шорт -лист пакетов ELM, который может быть полезным. Включено в качестве предложений:

• HMSK/ELM-Vite-Plugin-Helper: предоставляет помощников для использования Vite-Plugin-ELM.
• Tesk9/доступный HTML: облегчает написание доступных веб-сайтов.
• Lattyware/Elm-Fontawesome: Native Font Awesome Integration и поддержка.

Чтобы удалить их, не стесняйтесь:

1. не использовать их
2. Запустите npm run review

Tailwind CSS

Официальные плагины установлены по умолчанию:

• @tailwindcss/typography
• @tailwindcss/forms
• @tailwindcss/Queries
• @Tailwindcss/Aspose-Ratio

Daisyui

«Самая популярная, бесплатная библиотека компонентов CSS с открытым исходным кодом» .

Daisyui: библиотека компонентов классов CSS Tailld CSS, направленная на работу над всеми рамками. CSS Nature of Daisyui делает возможной интеграцией ELM и бризом для использования. Примеры включали:

• Вся страница - это раздел героя Daisyui
• Кнопки встречного
• Основная Daisyui «свет» и «темная» темация/окраска (через порты ELM)

Узел

• FNM: Легко и последовательно управлять узлом.
• .nvimrc установлен для использования последних lts/iron .

Против кода

• Этот шаблон предоставляет как рекомендуемые расширения, так и настройки рабочей области.
• VS Code предложит вам установить их, когда вы открываете рабочую область в первый раз.

Ворс/формат

• Формат ELM
• Стандарт
• Красивее
• Маркдаун Линт
• Red Hat Yaml (LSP)
• Еще лучше

ELM + Tailwind CSS

• @max_hoffmann Amazing Tailwind CSS в ELM для изменений VSCODE.

Начните

Установите Tiged

Чтобы клонировать этот репозиторий, лишенное .git , вы можете либо использовать npx degit , либо установить локально и degit tiged npx . YMMV.

Tiged - это вилка, которая решает ряд вопросов и должна быть предпочтительной. Чтобы установить его, запустить:

npm uninstall -g degit
npm install -g tiged

Скорее всего, npx degit вызовет degit . Местно установленная бинарная бинар гарантирует, что вместо этого вы запускаете tiged .

Просмотреть шаблон

1. Клонировать шаблон:
   1. Использование npx: npx degit gacallea/elm_vite_tailwind_template my-elm-app
   2. локальный двоичный файл: degit gacallea/elm_vite_tailwind_template my-elm-app
2. Введите проект: cd my-elm-app
3. Установить зависимости: npm install
4. Начните развиваться: npm run dev

Доступные команды

сценарий	действие
Postinstall	Установка ELM-Tooling
девчонка	просие
предварительно	Установка ELM-Tooling
строить	Строительство
предварительный просмотр	NPM Run Build; Предварительный просмотр
стандартный	Стандарт -fix src /* / .js
отметка	Стандартный Markdown-fix src /* / .md
обзор	ELM-Review-Fix-All
тест	ELM-TEST-RS

Внося

Вклад и конструктивная критика приветствуются. Если вы думаете, что я переусердствую, не стесняйтесь обсуждать. Я все еще экспериментирую с этим, как возможность обучения, и я стремлюсь как можно больше улучшить шаблон.

Предварительные крючки (WIP)

Этот репо зависит от Pre-Commit-CI, чтобы убедиться, что все предлагаемые стандарты кодирования применяются с помощью GIT Hooks. Вы также можете установить предварительную компанию локально для применения той же конфигурации локально.

Благодарности

Этот шаблон был вдохновлен шаблоном Линдсей К Уордлла.