前端构建工具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/