Pasang jquery pada mac

WBOY
Lepaskan: 2023-05-14 13:13:37
asal
647 orang telah melayarinya

Dengan perkembangan teknologi Web, JavaScript telah menjadi bahasa pengaturcaraan yang sangat penting. Dalam pembangunan bahagian hadapan, kita selalunya perlu menggunakan beberapa perpustakaan JavaScript untuk memudahkan pembangunan. jQuery ialah salah satu perpustakaan JavaScript yang paling popular. Ia menyediakan API yang ringkas dan mudah digunakan yang boleh mengendalikan DOM dan mengendalikan acara dengan mudah, membantu pembangun membina halaman interaktif dengan lebih pantas. Artikel ini menerangkan cara memasang jQuery pada Mac.

Persediaan

Sebelum memasang jQuery, anda perlu memasang Node.js terlebih dahulu. Node.js ialah persekitaran berjalan JavaScript berdasarkan enjin Chrome V8 Ia membenarkan JavaScript berjalan pada pelayan Ia juga menyediakan alat pengurusan pakej npm (Node Package Manager) untuk memudahkan pemasangan dan pengurusan perpustakaan JavaScript.

Terdapat banyak cara untuk memasang Node.js pada Mac, berikut ialah salah satu daripadanya:

  1. Lawati tapak web rasmi Node.js (https://nodejs.org/) , Muat turun pakej pemasangan yang sesuai untuk versi Mac anda.
  2. Buka pakej pemasangan dan ikut arahan untuk menyelesaikan pemasangan.
  3. Masukkan arahan berikut dalam terminal untuk menyemak sama ada Node.js berjaya dipasang:
node -v
Salin selepas log masuk

Jika nombor versi Node.js boleh dikeluarkan secara normal, ini bermakna pemasangan berjaya.

Pasang jQuery

Memasang Node.js tidak bermakna jQuery sudah dipasang. jQuery ialah perpustakaan JavaScript tulen yang perlu dipasang melalui alat pengurusan pakej npm.

Masukkan arahan berikut dalam terminal untuk memasang jQuery:

npm install jquery
Salin selepas log masuk

Jika anda tidak mempunyai kebenaran untuk memasang secara global, anda perlu menambah sudo di hadapan arahan:

sudo npm install -g jquery
Salin selepas log masuk

Apabila arahan dilaksanakan Selepas itu, jQuery telah berjaya dipasang pada Mac anda.

Menguji jQuery

Untuk mengesahkan sama ada jQuery dipasang dengan betul, kami boleh mencipta fail HTML baharu dan memperkenalkan perpustakaan jQuery ke dalamnya. Untuk kemudahan, anda boleh membuat folder baharu pada desktop, namakannya sebagai ujian, dan kemudian buat fail index.html baharu di dalamnya. Masukkan kod berikut dalam fail index.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test jQuery</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $("h1").css("color", "red");
        });
    </script>
</head>
<body>
    <h1>Hello, jQuery!</h1>
</body>
</html>
Salin selepas log masuk

Masukkan folder ujian dalam terminal dan mulakan pelayan setempat:

cd ~/Desktop/test
python -m SimpleHTTPServer
Salin selepas log masuk

Lawati http://localhost:8000 dalam penyemak imbas / index.html, anda boleh melihat bahawa gaya warna merah telah ditambahkan pada teg H1.

Kesimpulan

Artikel ini menerangkan cara memasang jQuery pada Mac. Mula-mula anda perlu memasang Node.js, kemudian gunakan alat pengurusan pakej npm untuk memasang jQuery, dan akhirnya menguji sama ada jQuery dipasang dengan betul dengan mencipta fail HTML. Selain kaedah yang diperkenalkan dalam artikel ini, terdapat beberapa kaedah pemasangan lain yang pembaca boleh terokai sendiri. Kuasa jQuery menjadikannya bahagian yang sangat diperlukan dalam pembangunan web Saya harap artikel ini dapat memberikan sedikit bantuan kepada pembaca.

Atas ialah kandungan terperinci Pasang jquery pada mac. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan