前端构建工具gulp

gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器;

gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。

安装nodejs -> 全局安装gulp -> 项目安装gulp以及gulp插件 -> 配置gulpfile.js -> 运行任务

一.安装nodejs

二.安装gulp

1.先在全局安装:npm install -g gulp

2.全局安装gulp后,把目录切换到你的项目文件夹中,然后在命令行中执行:npm install gulp

3.安装gulp插件

4.建立gulpfile.js文件

测试一下,是否成功:在命令行:node -v; npm -v ; gulp -v;

如果安装成功,会出现它们所对应的版本号,或出现‘node/gulp不是内部或外部命令’,去‘控制面板系统和安全系统高级环境变量系统变量’里的PATH里的路径添加node或者gulp的安装路径,(不要删除之前的path,找到node或者gulp修改;或者在后面用‘;’分开,继续添加路径);

这样找到安装路径:npm config get prefix:node的安装路径

         gulp我是直接搜索gulp,打开程序里gulp的所在文件夹,就有路径了

然后退出命令行,再次打开命令行就可以了;

具体的API:http://www.gulpjs.com.cn/

原文地址:https://www.cnblogs.com/mina-huojian66/p/6606352.html