elm_vite_tailwind_template

Vite, Elm, Tailwind CSS, dan Daisyui

Template yang dipendek untuk membangun aplikasi web ELM menggunakan Vite, Tailwind CSS, dan Daisyui.

• Untuk mempelajari lebih lanjut tentang ELM, lihat beranda resmi Elm.
• Untuk informasi lebih lanjut tentang Vite JS, lihat dokumentasi resmi Vite JS.
• Untuk informasi lebih lanjut tentang CSS Tailwind, lihat dokumentasi resmi Tailwind CSS.
• Untuk informasi lebih lanjut tentang Daisyui, lihat dokumentasi resmi Daisyui.

Perkakas

Vite

• Vite-Plugin-Elm: Kompilasi modul elm dengan hot-module Reload.
• Vite-Plugin-Webfont-DL: Suntikkan Google Font untuk meningkatkan kinerja situs web.
• Vite-plugin-compression: Compress Resources untuk meningkatkan kinerja situs web.
• Vite-Plugin-Imagemin: Compress Image Asset untuk meningkatkan kinerja situs web.

Elm

• Elm-Tooling: Program baris perintah yang mengelola alat elm Anda.
• ELM-Format: Kode Sumber Format ELM Menurut Panduan Gaya Elm Resmi.
• ELM-TEST: Tulisan unit dan fuzz untuk kode ELM.
• ELM-Review: Analisis proyek ELM dan temukan kesalahan sebelum pengguna Anda menemukannya.

Paket

Daftar pendek paket ELM yang bisa bermanfaat. Termasuk sebagai saran:

• HMSK/ELM-VITE-PLUGIN-HELPER: Menyediakan pembantu untuk menggunakan vite-plugin-elm.
• TESK9/Diakses-HTML: Membuat penulisan situs web yang dapat diakses lebih mudah.
• Lattyware/Elm-Fontawesome: Integrasi dan Dukungan Luar Biasa Font Native.

Untuk menghapusnya, jangan ragu:

1. bukan untuk menggunakannya
2. Jalankan npm run review

Tailwind CSS

Plugin resmi diinstal secara default:

• @tailwindcss/tipografi
• @tailwindcss/formulir
• @tailwindcss/container-queries
• @tailwindcss/aspek-rasio

Daisyui

"Perpustakaan Komponen CSS Tailwind CSS yang paling populer, bebas dan open-source" .

Daisyui: Perpustakaan komponen kelas CSS Tailwind, yang bertujuan untuk mengerjakan semua kerangka kerja. Sifat CSS Daisyui memungkinkan integrasi elm dan mudah digunakan. Contohnya termasuk:

• Seluruh halaman adalah bagian pahlawan Daisyui
• Tombol penghitung adalah tombol Daisyui
• Dasar Daisyui 'terang' dan tema/pewarnaan 'gelap' (melalui port elm)

Node

• FNM: Kelola Node dengan mudah dan konsisten.
• .nvimrc diatur untuk menggunakan lts/iron terbaru.

Vs kode

• Template ini menyediakan ekstensi yang disarankan dan pengaturan ruang kerja.
• VS Code akan meminta Anda untuk menginstalnya saat Anda membuka ruang kerja untuk pertama kalinya.

Format/format

• Format elm
• Standardjs
• Lebih cantik
• Markdown Lint
• Red Hat Yaml (LSP)
• Toml yang bahkan lebih baik

Elm + Tailwind CSS

• @max_hoffmann menakjubkan css tailwind di elm untuk perubahan vscode diimplementasikan.

Mulai

Instal Tiged

Untuk mengkloning repositori ini, tanpa .git , Anda dapat menggunakan npx degit atau menginstal tiged secara lokal dan menjalankan degit tanpa npx . Ymmv.

Tiged adalah garpu yang membahas sejumlah masalah, dan harus lebih disukai. Untuk menginstalnya, jalankan:

npm uninstall -g degit
npm install -g tiged

Kemungkinan besar, npx degit akan memohon degit . Biner yang dipasang secara lokal memastikan Anda menjalankan tiged sebagai gantinya.

Teliti templat

1. Klon Template:
   1. Menggunakan npx: npx degit gacallea/elm_vite_tailwind_template my-elm-app
   2. biner lokal: degit gacallea/elm_vite_tailwind_template my-elm-app
2. Masukkan Proyek: cd my-elm-app
3. Instal Ketergantungan: npm install
4. Mulai Berkembang: npm run dev

Perintah yang tersedia

naskah	tindakan
Postinstall	Instalasi ELM-Tooling
dev	vite
Prebuild	Instalasi ELM-Tooling
membangun	Vite Build
pratinjau	NPM Run Build; Pratinjau Vite
standar	Standar - -Fix Src /* / .js
penurunan harga	Standard-Markdown--Fix SRC /* / .MD
tinjauan	ELM-Review--fix-all
tes	Elm-test-rs

Berkontribusi

Kontribusi dan kritik konstruktif dipersilakan. Jika Anda pikir saya berlebihan, jangan ragu untuk berdiskusi. Saya masih bereksperimen dengan ini, sebagai kesempatan belajar, dan saya berusaha untuk meningkatkan templat sebanyak mungkin.

Hooks Pra-Komit (WIP)

Repo ini bergantung pada pre-commit-CI untuk memastikan semua standar pengkodean yang disarankan ditegakkan dengan kait git. Anda juga dapat menginstal pra-berkomitmen secara lokal untuk menerapkan konfigurasi yang sama secara lokal.

Ucapan Terima Kasih

Templated ini terinspirasi oleh template Lindsay K Wardell.