gulp,grunt,bower,feoman,fis 简单说明

一、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 简单说明的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。