一、grunt說明

（1）grunt網(wǎng)址：
https://www.gruntjs.net/getting-started
（2）說明：
自動(dòng)化。對(duì)于需要反復(fù)重復(fù)的任務(wù)，例如壓縮（minification）、編譯、單元測試、linting等，自動(dòng)化工具可以減輕你的勞動(dòng)，簡化你的工作。當(dāng)你在 Gruntfile 文件正確配置好了任務(wù)，任務(wù)運(yùn)行器就會(huì)自動(dòng)幫你或你的小組完成大部分無聊的工作。
（3）安裝grunt

sudo npm install -g grunt-cli

找個(gè)文件夾

npm init

sudo npm install grunt --save-dev

執(zhí)行g(shù)runt

新建文件gruntfile.js

新建壓縮任務(wù)

---

二、gulp 說明

（1）gulp官網(wǎng)：
https://www.gulpjs.com.cn/

（2）安裝

npm install gulp-cli -g npm install gulp -D npx -p touch nodetouch gulpfile.js gulp --help

gulp配置

gulp.src()控制文件的來源， 也可以直接將 path的內(nèi)容寫在里面；然后流式的使用相應(yīng)的模塊；

---

三、Bower的使用

（1）作用： 管理本地所有的包，他就是包管理器；
（2）網(wǎng)址： https://bower.io/
（3）區(qū)別： bower前端管理器(支持松散的git)，npm包管理器（依托node）；
（4）使用方式： bower+npm一般 配合使用

（5）安裝包：

（6）舉例說明

sudo npm install -g bower

文件設(shè)置權(quán)限

參考：https://blog.csdn.net/qq_40657321/article/details/106528128

安裝 sudo bower install jquery --allow-root （后面需要跟上–allow-root）

參考：https://blog.csdn.net/hexiaodouaipiqiu/article/details/51733176

---

四、yeoman說明

（1）作用： 開發(fā)程序使用的腳手架

（2）網(wǎng)址： https://yeoman.io/

（3）使用：
https://www.kancloud.cn/ervinhua/phpstorm/441757
https://blog.csdn.net/kobetmacone/article/details/78955502
https://my.oschina.net/u/4612980/blog/4490786

（4）實(shí)例：

sudo npm install -g yo

yo -v

更新generator（更新迭代器）

npm install -g generator-webapp

可以選擇更新最新的內(nèi)容

---

五、fis說明

(1)網(wǎng)址： http://fis.baidu.com/

(2)說明： 和前端 后端 都有關(guān)聯(lián)（支持 node,java,php）

(3)作用：
FIS3 是面向前端的工程構(gòu)建工具。解決前端工程中性能優(yōu)化、資源加載（異步、同步、按需、預(yù)加載、依賴管理、合并、內(nèi)嵌）、模塊化開發(fā)、自動(dòng)化工具、開發(fā)規(guī)范、代碼部署等問題。

（4）不同的前端解決方案：

總結(jié)

以上是生活随笔為你收集整理的gulp,grunt,bower,feoman,fis 简单说明的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。