在windows下安装gulp -- 基于 Gulp 的前端集成解决方案(一)_html/css_WEB-ITnose
一、准备工作
1、什么是 npm?
npm 是nodejs的包管理工具,主要功能就是管理、更新、搜索、发布node的包。Gulp 就是通过 NPM 安装的。关于 NPM 中文介绍,这里有一篇非常不错的文章:http://www.cnblogs.com/chyingp/p/npm.html
完整的 NPM 文档请看这里 :https://docs.npmjs.com
2、安装 Node.js 并升级 NPM 到最新版本
nodejs 安装:打开 nodejs.org 下载 nodejs 安装包,并根据提示安装,这里不做赘述。
npm 升级:当安装完nodejs后,npm即可已经可用,打开命令行执行 npm -v 如果正确显示版本号,则说明安装没有问题。由于npm的更新速度比nodejs 要快,所有输入 sudo npm install npm -g 升级npm
3、gitbash
windows 下的命令行工具 CMD 实在难用,这里推荐一个替代方案,建议安装 gitbash 。反正少不了使用 GIT ,只需在安装 GIT 时选择 gitbash 组件即可。GIT的安装这里也不做太多说明,有疑问的可以在回复中提问。
4、什么是gulp
gulp 官方的介绍是 用自动化构建工具增强你的工作流程! ?? Automate and enhance your workflow!其有着易于使用,构建快速,高质量插件丰富,抑郁学校等众多优势。下一节中会仔细讨论和领略 gulp 的精彩!
二、安装 gulp
千呼万唤始出来,终于到gulp登场的时候了。如果你已经对前面的三个步骤感到疲倦,那么安装 gulp 这一步就是让你稍作休息的。 Gulp 的开发团队将其安装过程做的相当完美,不需要复杂的配置,不需要漫长的等待。 废话不说,进入正题:
首先,打开 gitbash 这个利器,找一个位置,创建并进入一个项目文件夹,并输入下列命令来完成 gulp 的安装。
全局安装请执行$ npm install --global gulp进在项目目录安装我请输入$ npm install --save-dev gulp
然后,创建一个名为 gulpfile.js 的配置文件在当前目录下,并输入下面的代码,这里创建了一个空的认为,仅作为用于测试gulp是否正常工作。
var gulp = require('gulp');gulp.task('default', function() { // place code for your default task here});
最后,执行 $ gulp 运行gulp,如果正常输入类似下面的信息,则说明gulp 已经正确安装并运行。
$ gulp[11:13:17] Using gulpfile xxx\gulpfile.js[11:13:17] Starting 'default'...[11:13:17] Finished 'default' after 44 μs$_
至此,gulp 就已经安装完成,下面要做的就是熟悉如何使用gulp,以及其的周边生态。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

熱門話題

本文討論了HTML< Progress>元素,其目的,樣式和與< meter>元素。主要重點是使用< progress>為了完成任務和LT;儀表>對於stati

本文討論了html< datalist>元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

本文討論了HTML< meter>元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了< meter>從< progress>和前

本文討論了視口元標籤,這對於移動設備上的響應式Web設計至關重要。它解釋瞭如何正確使用確保最佳的內容縮放和用戶交互,而濫用可能會導致設計和可訪問性問題。

HTML適合初學者學習,因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩,易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高,可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

本文討論了< iframe>將外部內容嵌入網頁,其常見用途,安全風險以及諸如對象標籤和API等替代方案的目的。

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。
