Rumah > Artikel > hujung hadapan web > Adakah tegukan berdasarkan nod?
tegukan adalah berdasarkan nod. Gulp ialah alat pembinaan bahagian hadapan yang dibangunkan berdasarkan platform nod Ia adalah alat pembinaan automatik yang boleh digunakan oleh pembangun untuk membina aliran kerja automatik. Menggunakan Gulp boleh memudahkan kerja, membolehkan pembangun menumpukan pada pembangunan berfungsi, sambil mengurangkan kesilapan manusia dan meningkatkan kecekapan dan kualiti pembangunan.
Persekitaran pengendalian tutorial ini: sistem Windows 7, nodejs versi 12.19.0, komputer DELL G3.
tegukan adalah berdasarkan nod.
Gulp ialah alat pembinaan bahagian hadapan yang dibangunkan berdasarkan platform nod Ia adalah alat pembinaan automatik berdasarkan nod Pembangun boleh menggunakannya untuk membina aliran kerja automatik (persekitaran pembangunan bersepadu bahagian hadapan). . Contohnya: muat semula halaman web automatik, prapemprosesan CSS, pengesanan kod, pemampatan imej dan fungsi lain semuanya boleh dilengkapkan dengan baris arahan yang ringkas.
Menggunakan Gulp boleh memudahkan kerja anda, membolehkan anda menumpukan pada pembangunan fungsi, sambil mengurangkan ralat manusia dan meningkatkan kecekapan dan kualiti pembangunan.
Apa yang Gulp boleh lakukan
Apabila projek masuk dalam talian, mampatkan dan gabungkan fail HTML, CSS dan JS
Penukaran sintaks (es6, kurang...)
Pengeluaran fail awam
Ubah suai pelayar fail untuk memuat semula secara automatik
Pemasangan gulp adalah berdasarkan nod, jadi sebelum memasang gulp, anda perlu menyemak sama ada nod dipasang pada komputer ini.
(1) Win R untuk membuka tetingkap run, kemudian masukkan cmd dan klik OK untuk memasuki command prompt.
(2) Masukkan nod -v untuk melihat versi nod; npm -v untuk melihat versi npm
(3 )Jika anda belum memasang nod pada komputer anda, anda perlu memuat turun dan memasangnya dari laman web rasmi nod untuk terus belajar dan memasang gulp.
Pasang nod: https://nodejs.org/en/
(4) Selepas nod dipasang, anda boleh memasang gulp!
Pasang gulp
(1) Laksanakan baris arahan npm install gulp -g untuk pasang gulp secara global
🎜> (2) Masukkan baris arahan gulp -v untuk menyemak sama ada gulp berjaya dipasang!
Selepas tegukan berjaya dipasang, anda boleh membuat projek dan mula bekerja! (1) Buat direktori projek
(2) cd ke direktori projek
(3 ) Jalankan baris arahan npm init untuk mencipta package.json Fail ini menyimpan maklumat berkaitan projek ini Gulp-Save-DEV Gulp
(5) Cipta fail Gulp. Fail .js dalam direktori projek
Anda perlu terlebih dahulu dalam fail Gulpfile.js, kerana pakej gulp menyediakan beberapa API
API teras ialah. :
(6) Laksanakan tegukan dan jalankan projek
Untuk lebih banyak pengetahuan berkaitan nod, sila lawati:
tutorial nodejsvar gulp = require("gulp") //引入gulp包!
Atas ialah kandungan terperinci Adakah tegukan berdasarkan nod?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!