Linux前端自动化gulp安装与使用

前言：gulp是前端自动化工具，主要负责文件压缩，版本控制和js之间关系等工具。现在线上服务器linux居多，那想在linux进行前端自动化打包具体怎么配置和操作呢？写下这文章给初学者看，跟着做，肯定做到。

 

 

需要用到的工具SecureCRTPortable，SecureFXPortable。window链接linux系统用到，如果直接在linux上，可以无视。

 

1.linux中安装node.js

ps:node.js官网下载 linux版本 放到/usr/local/目录下。 

<pre class="cnblogs_code"><code>#检查是否已经安装
rpm -qa | grep python

#查版本
python

#最好是重新安装 Python推荐版本（2.7），否则影响nodejs运行

#进入安装目录
cd /usr/local/

#删除原有安装
rm -rf node
rm -rf node-v0.10.29-linux-x64

#解压压缩包
tar -zxv -f node-v0.10.29-linux-x64.tar.gz
xz -d node-v0.10.29-linux-x64.tar.xz //xz文件解压
tar -xvf node-v0.10.29-linux-x64.tar

#修改目录
mv node-v0.10.29-linux-x64 node

#添加环境变量并使之生效，内容如下：
export PATH=/usr/local/python/bin:/usr/local/node/bin:$PATH

#设置全局变量
ln -s /usr/local/node/bin/npm /usr/local/bin/
ln -s /usr/local/node/bin/node /usr/local/bin/

#测试命令
node -v</code></pre>

安装成功显示图上。

 

2.gulp安装

把已经制作好的package.json文件，放到项目文件，进行安装。

 

#gulp和插件安装 npm install --save-dev #查看安装状态 gulp -v

 

如图上安装成功

3.运行gulp

找到之前准备好的gulpfile.js文件 运行命令测试。

gulpfile.js

 

var gulp    = require('gulp');       // js处理  gulp.task('online', function () {    });

#测试自动化打包（online是我gulpfile.js里面的方法） gulp online

OK！ 就是这么简单。

 

结论：环境搭建好了和git等工具一起使用。会更加便利，git中添加gulp的脚本，在后端打包的时候顺便前端包也打好，实现整发版流程前后端自动化打包。