<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>gulp.js - 基于流的自动化构建工具。 | gulp.js 中文网</title> <meta name="description" content="Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript（或者 CoffeeScript ）源码来实现的。"> <meta name="keywords" content="Gulp.js,Gulp,Node.js,Node,JavaScript,CoffeeScript,Grunt,Gruntjs,Stream，流,自动化,Make"> <meta name="author" content="gulp.js 中文网"> <link rel="icon" href="favicon.ico"> <!-- Bootstrap core CSS --> <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="http://cdn.bootcss.com/highlight.js/8.4/styles/monokai_sublime.min.css"> <!-- Custom styles for this template --> <link rel="stylesheet" href="css/style.css"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="http://cdn.bootcss.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <nav class="navbar navbar-inverse navbar-fixed-top site-navbar"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="./">Gulp 中文网</a> </div> <div id="navbar" class="collapse navbar-collapse"> <ul class="nav navbar-nav"> <li><a href="./">首页</a> </li> <li><a href="docs/">中文文档</a> </li> <li><a href="docs/getting-started/">入门指南</a> </li> <li><a href="docs/api/">API</a> </li> <li><a href="docs/writing-a-plugin/">插件开发</a> </li> <li><a href="docs/faq/">常见问题</a> </li> <li><a href="docs/recipes/">使用技巧</a> </li> </ul> </div> <!--/.nav-collapse --> </div> </nav> <!-- Jumbotron --> <header class="jumbotron"> <img class="hidden" src="img/gulp.png" width="800" height="600"> <h1><span class="text-hide">Gulp.js<span><img class="logo" src="img/gulp-white-text.svg"></span></span></h1> <p class="lead">用自动化构建工具增强你的工作流程！</p> <p><a class="btn btn-lg btn-default btn-getting-started" href="docs/getting-started/" role="button">开始使用</a> </p> </header> <main class="benefits container"> <!-- Example row of columns --> <div class="row"> <div class="col-md-6"> <h2>易于使用</h2> <p>通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。</p> </div> <div class="col-md-6"> <h2>构建快速</h2> <p>利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。</p> </div> </div> <div class="row"> <div class="col-md-6"> <h2>插件高质</h2> <p>Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。</p> </div> <div class="col-md-6"> <h2>易于学习</h2> <p>通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。</p> </div> </div> </main> <!-- Site footer --> <footer class="footer"> <div class="container"> <p>© Gulp 中文网 2015</p> <p><a href="http://www.miibeian.gov.cn/" target="_blank">京ICP备11008151号</a> | 京公网安备11010802014853</p> </div> </footer> <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> <script src="js/ie10-viewport-bug-workaround.js"></script> <script src="http://cdn.bootcss.com/highlight.js/8.4/highlight.min.js"></script> <script> hljs.initHighlightingOnLoad(); </script> <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="js/site.js"></script> <script type="text/javascript"> var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F3d8e7fc0de8a2a75f2ca3bfe128e6391' type='text/javascript'%3E%3C/script%3E")); </script> </body> </html>
/* * Override Bootstrap's default container. */ body { font-family: "Helvetica Neue", "Helvetica", "Lucida Grande", "Arial", "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei", "sans-serif"; font-weight: normal; padding-top: 50px; } a { color: #cf4646; } a:hover, a:focus { color: #A62C2C; } pre { border: none; background-color: transparent; } .jumbotron { text-align: center; background-color: #cf4646; color: #fff; } .jumbotron .lead em { display: none; } .jumbotron .logo { width: 100%; max-width: 200px; } .jumbotron .btn-getting-started { color: #efbfbf; border: none; box-shadow: inset 0 0 0 2px #efbfbf; border-radius: 2px; background-color: transparent; margin-top: 26px; } .jumbotron .btn-getting-started:hover, .jumbotron .btn-getting-started:active { color: #fff; box-shadow: inset 0 0 0 2px #fff; background-color: transparent; } @media (min- 768px) { .site-navbar .navbar-nav { float: right!important; } } .navbar-inverse { background-color: #cf4646; border-color: transparent; } .navbar-inverse .navbar-brand { color: #efefef; } .navbar-inverse .navbar-nav > li > a { color: #e8e8e8; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { color: #fff; background-color: transparent; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #CA3131; } .navbar-inverse .navbar-toggle { border-color: #fff; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; } .footer { margin-top: 60px; text-align: center; color: #aaa; } .footer a { color: inherit; } .footer a:hover { text-decoration: none; color: inherit; } .docs-wrapper { margin-top: 30px; } .benefits h2 { margin-top: 40px; } .benefits p { font-size: 18px; } .markdown-body { font-size: 16px; line-height: 1.8; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 1.2em; margin-bottom: 0.6em; line-height: 1.35; } .markdown-body h6, .markdown-body h5 { font-size: 18px; } .markdown-body p, .markdown-body pre, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body form, .markdown-body hr, .markdown-body table, .markdown-body blockquote { margin-bottom: 1.2em; } .markdown-body img { display: block; max-width: 100%; height: auto; } .markdown-body a { text-decoration: underline; } .markdown-body a:hover { text-decoration: underline; } .markdown-body blockquote { margin: 1em 0 1em 0; padding: 0 0 0 1.6em; } .markdown-body blockquote small { display: inline-block; margin: 0.8em 0 0.8em 1.5em; font-size: 0.9em; } .markdown-body pre { font-size: 14px; border: none; border-radius: 0; } .markdown-body hr { border-top: 1px solid #e5e5e5; } .markdown-body li ul, .markdown-body li ol { margin-bottom: 0.8em; }