Rumah  >  Artikel  >  hujung hadapan web  >  Adakah tegukan berdasarkan nod?

Adakah tegukan berdasarkan nod?

青灯夜游
青灯夜游asal
2022-03-22 19:01:332179semak imbas

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.

Adakah tegukan berdasarkan nod?

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 dan penggunaan gulp

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 nodejs
 var 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!

Kenyataan:
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
Artikel sebelumnya:Apakah enjin node.js?Artikel seterusnya:Apakah enjin node.js?