84669인 학습
152542인 학습
20005인 학습
5487인 학습
7821인 학습
359900인 학습
3350인 학습
180660인 학습
48569인 학습
18603인 학습
40936인 학습
1549인 학습
1183인 학습
32909인 학습
初入gulp，已经安装好，
接下来呢？怎么在浏览器里面访问？我怎么对项目进行开发、管理呢？
新手勿喷~
之前的模式是一个静态目录，里面有html文件和css、js文件，直接在浏览器打开html文件就可以预览，用文本编辑器打开就可以编辑。
认证0级讲师
首先你要理解gulp在整个开发流程中担任的角色是什么，简单说它只是一个自动化构建工具。
怎么在浏览器里面访问？
这个看你的项目是如何部署的，如果仅仅是静态页面，那就直接打开html文件就可以了。如果是部署在server上，那就用浏览器访问server上的资源。
我怎么对项目进行开发、管理呢？
这个gulp对项目开发并没有什么直接的影响，要说管理的话，可以把你的项目每一次迭代需要做的事情划分成若干小的流程，比如编码、运行单元测试、检测代码format、压缩代码、发布等等，其实对于个人来讲，编码的过程才是最重要的过程，其他剩余的流程都是机械化的流程，这些流程往往不需要你去亲自关注（如果没有出问题的话），你只需要将这些流程以task的方式托管给gulp，这样你每次提交一次commit，gulp都可以帮助你进行一次上面提及的重复性工作，帮你节省时间。
gulp只是一个流式自动化构建工具，它本身并不参与程序的运行，更多的时候负责编码，压缩，发布等。比如gulp-babel ，这个插件就是利用babel，将es6转化成es5代码
var gulp = require("gulp"); var babel = require("gulp-babel"); gulp.task("default", function () { return gulp.src("src/**/*.es6") .pipe(babel()) .pipe(gulp.dest("dist")); });
这个配置就是将 src下的所有*.es6文件转码成es5 的js文件。
至于less，我没用过，这个我就不能帮你举例了,怕弄错误导你，但是也是类似的，gulp 从始至终 只是负责管理 这些任务，具体的程序例如less和 babel需要别的插件来完成。gulp只是管理流程
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
首先你要理解gulp在整个开发流程中担任的角色是什么，简单说它只是一个自动化构建工具。
这个看你的项目是如何部署的，如果仅仅是静态页面，那就直接打开html文件就可以了。如果是部署在server上，那就用浏览器访问server上的资源。
这个gulp对项目开发并没有什么直接的影响，要说管理的话，可以把你的项目每一次迭代需要做的事情划分成若干小的流程，比如编码、运行单元测试、检测代码format、压缩代码、发布等等，其实对于个人来讲，编码的过程才是最重要的过程，其他剩余的流程都是机械化的流程，这些流程往往不需要你去亲自关注（如果没有出问题的话），你只需要将这些流程以task的方式托管给gulp，这样你每次提交一次commit，gulp都可以帮助你进行一次上面提及的重复性工作，帮你节省时间。
gulp只是一个流式自动化构建工具，它本身并不参与程序的运行，更多的时候负责编码，压缩，发布等。
比如gulp-babel ，这个插件就是利用babel，将es6转化成es5代码
这个配置就是将 src下的所有*.es6文件转码成es5 的js文件。
至于less，我没用过，这个我就不能帮你举例了,怕弄错误导你，但是也是类似的，gulp 从始至终 只是负责管理 这些任务，具体的程序例如less和 babel需要别的插件来完成。gulp只是管理流程