Cara Instal Alpine js
.
└── belajar-alpine-js/
├── index.html
└── assets/
└── js/
└── alpine.min.js
Menyiapkan File Alpine.js
- Silakan kunjungi https://cdn.jsdelivr.net/npm/alpinejs@3.15.3/dist/cdn.min.js .
- Kemudian salin seluruh kode yang ditampilkan.
- Simpan file yang sudah tersalin kode alpine.js dengan nama alpine.min.js di belajar-alpine-js/assets/js
Cara Memanggil Alpine.js ke dalam HTML
Buat file dengan nama index.html seperti berikut untuk memanggil Alpine.js. Kemudian simpan di belajar-alpine-js.
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Belajar Alpine.js</title>
<script src="assets/js/alpine.min.js" defer></script>
</head>
<body>
<!-- Tulis kode di sini-->
</body>
</html>
Memeriksa Instalasi Alpine.js
Silakan Salin kode berikut dan letakkan di dalam tag body yang berada di file index.html.
<div x-data="{ pesan: 'Alpine.js berjalan' }">
<p x-text="pesan"></p>
</div>
Jika muncul pesan 'Alpine.js berjalan' pada browser, berarti alpine.js sudah terpasang dengan benar.
Posting Komentar untuk "Cara Instal Alpine js"