Tic Tac Vue
1.0.0
Tic-Tac-Vue adalah Aplikasi Single Page (SPA) JavaScript sederhana yang ditulis dengan Vue, Vuex dan Vue Router. Tujuannya adalah menjadi "studi kasus" untuk pemula yang ingin belajar Vue dan ekosistemnya yang kuat.
Klik di sini untuk mencoba versi demo online.
Dalam proyek ini saya mengadopsi dua metodologi untuk memiliki kode faktor yang lebih baik dan file sumber terorganisir: BEM dan desain atom.
BEM (yang berarti pengubah elemen blok) adalah metodologi yang membantu Anda membuat komponen yang dapat digunakan kembali dalam pengembangan front-end. Ini semua tentang memecah kelas CSS Anda menggunakan blok , elemen, dan pengubah . DOM terakhir bisa menjadi verbose, tetapi Anda akan memiliki kode sumber yang lebih baik dan, karena Anda tidak perlu menyarangkan kelas CSS, bundel CSS Anda akan menghasilkan kurang berat.
Klik di sini jika Anda ingin masuk lebih dalam ke BEM.
Desain atom adalah metodologi untuk menciptakan sistem desain. Demikian pula dengan kimia, Anda dapat mengatur file komponen Anda (dalam skenario ini komponen file tunggal) menggunakan atom , molekul , dan organisme .
Atom adalah blok bangunan dasar materi. Diterapkan pada antarmuka web, atom adalah tag HTML kami, seperti label formulir, input atau tombol.
Molekul adalah kelompok atom yang terikat bersama dan merupakan unit fundamental terkecil dari suatu senyawa.
Organisme adalah kelompok molekul yang bergabung bersama untuk membentuk bagian antarmuka yang relatif kompleks.
Pertama -tama, saya sangat menyarankan Anda untuk melihat dokumentasi VUE, terutama untuk:
Anda dapat menginstal Tic-Tac-Vue mengkloning proyek:
git clone https://github.com/Sanfra1407/tic-tac-vue.git
Kemudian instal dependensi NPM:
npm install
Karena proyek ini telah dikembangkan dengan vite.js, Anda dapat menggunakan perintah CLI terintegrasi sendiri untuk melayani, membangun atau memiliki pratinjau aplikasi.
npm run dev
npm run build
npm run preview
npm run lint
Untuk menggunakan aplikasi Anda, Anda dapat mengikuti panduan resmi Vite.js.
