一、grunt說明

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

sudo npm install -g grunt-cli

找個文件夾

npm init

sudo npm install grunt --save-dev

執行grunt

新建文件gruntfile.js

新建壓縮任務

---

二、gulp 說明

（1）gulp官網：
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的內容寫在里面；然后流式的使用相應的模塊；

---

三、Bower的使用

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

（5）安裝包：

（6）舉例說明

sudo npm install -g bower

文件設置權限

參考：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）作用： 開發程序使用的腳手架

（2）網址： 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）實例：

sudo npm install -g yo

yo -v

更新generator（更新迭代器）

npm install -g generator-webapp

可以選擇更新最新的內容

---

五、fis說明

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。