大家好，这是皮爷给大家带来的最新的学习Python能干啥？之Django教程，从零开始，到最后成功部署上线的项目。这一节，我们来说一下如何Django集成gulp。
Peekpa.com这个项目，有很重要的一部分是前端代码。所以，我们这里采用gulp来帮我们编写前端的项目。
gulp的作用，其实就是启动一个类似守护进程的东西，时刻监控你写的前端代码的变化。因为gulp是要用npm安装的，但是由于npm版本变动还有gulp版本变动会引起一些列的麻烦，所以，这里我列出了本机能够运行的各个软件版本号：
- npm: 6.13.4
- node: 10.18.0
- gulp:3.9.1
为了这里不出错，请大家提前安装对应版本的node和npm。
安装配置gulp
这里我们可以直接将代码里的gulpfile.js和package.json文件直接拷贝到/front/文件目录下。
为什么要这么做？
是因为这样做能保证开发环境的一致性。由于npm开发环境太过复杂，如果单独升级，可能会导致不兼容或者各种奇奇怪怪的bug出现，到时候很麻烦，所以这里采直接复制文件的方式来做。简单方便又快捷。
如果这里想复制文件但是又找不到文件的小伙伴，推荐你们获得源码的方式：关注公号『皮爷撸码』，回复『代码』，代号「PEEK001」即是本系列的代码，欢迎大家关注下载，给个Star呗。
然后在终端，进入到/front/目录下，直接运行:
$ npm install
将所有的依赖都安装好。安装好之后，我们的文件目录就变成了这个样子：
接着，我们只需要在终端运行：
$ gulp
就可以了，这样我们的守护程序就会运行起来了。
使用gulp
因为我们已经把gulpfile.js文件直接写好了，这里面主要功能就是压缩我们的js，image等静态文件，同时又能监听我们的文件修改，比如一旦我们修改了html文件，它会实时的反馈到网页上。这一点对于编写前端的我们来说会变得很方便。
在终端里面通过命令 $ gulp 直接启动gulp，我们会看到这个界面，自动打开浏览器：
但是如果想看到一篇写的很简单的index页面，我们需要输入页面的路径http://localhost:3000/templates/index.html：
然后，我们再在index.html页面，稍微修改一下，然后保存页面，其他的什么也不用管，不用重启服务，我们就能看浏览器页面自动变化：
怎么样？是不是很好用？有了gulp，我们就可以不用服务，直接保存立刻就能显示出来修改内容。非常的方便。
gulp的官网地址：www.gulpjs.com.cn/
更多的使用方法大家可以自行搜索，这里就不多说了。
技术总结
最后总结一下，
Gulp的安装：
- Gulp是node的一个model，所以，安装的时候要用到node；
- 系统里安装好node即可；
- 剩下的如果要使用，并且为了不出错，推荐直接复制黏贴；
- 没啥可说的了，完毕。
获取代码的唯一途径：关注『皮爷撸码』，回复『代码』即可获得。
长按下图二维码关注，如文章对你有启发，欢迎在看与转发。
