您好,登錄后才能下訂單哦!
本篇內容主要講解“Gulp是什么”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“Gulp是什么”吧!
Gulp是基于NodeJS的前端自動化構建工具,在項目開發過程中自動化地完成html/css/js/image/sass/less等文件的編譯、合并、壓縮、語法檢查、瀏覽器自動刷新等重復性任務,在操作上使用了NodeJS中的stream(流),通過pipe()方法導入到指定的地方,將前一級的輸出,作為后一級的輸入,不再需要進行頻繁的IO操作,但需要注意的是,這里的流內容,并非原始的文件流,而是一個虛擬的文件對象流(VinylFiles),存儲著原始文件的路徑、文件名、內容等信息
NodeJS安裝Gulp
Gulp是基于NodeJS,所以需要安裝Node和npm包管理工具,可根據自己的操作系統環境來下載相應的版本Node|Downloads
下載完成后,通過命令行查看NodeJS是否成功安裝,Mac系統的命令行在終端(Terminal),Windows系統的命令行可通過window+r輸入cmd運行
命令行啟動之后,可通過輸入命令node-v和npm-v分別查看NodeJS和npm版本號,顯示版本號即為成功安裝
npm介紹Gulp
npm(NodePackageManager)是隨同NodeJS一起安裝的包管理工具,用于node插件管理,包括插件的安裝、卸載、管理依賴等
在命令行中執行npminstall<name>[-g][--save-dev]命令即可使用npm安裝插件
?<name>為node插件名
?-g為全局安裝,全局安裝可以通過命令行在任何地方調用該插件,而非全局安裝只會安裝在當前定位目錄的node_modules文件夾下,通過require()方法進行調用
?--save將配置信息保存到NodeJS項目配置文件package.json中
?-dev將配置信息保存至package.json文件下的devDependencies節點
有了package.json的配置信息之后,我們就可以通過npminstall命令,一鍵下載package.json配置信息里的所有插件包
如果需要刪除插件包,可執行npmuninstall<name>[-g][--save-dev]命令,而不要直接刪除本地插件包,借助rimraf可以刪除所有的插件包,通過命令npminstallrimraf-g安裝rimraf之后,執行rimrafnode_modules命令
到此,相信大家對“Gulp是什么”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。