你可以在 官方网站 下载（下载最新版）， 下载完成之后安装一直选择下一步即可。

下载本项目至桌面

复制其中的gulpfile.js package.json yarn.lock到将要进行的项目中,如下图

然后shift+鼠标右键点击空白处 选择在此处打开命令窗口

• 之后输入并运行(第一次使用)

    npm config set registry https://registry.npm.taobao.org&&npm i -g gulp&&npm i -g yarn&&yarn
  

• 如果你已经不是第一次使用，以后的项目安装只需要输入

    yarn
  

安装完成之后 点击start.cmd运行 或者在命令提示符里输入gulp

• 将会监视www文件夹下的HTML、CSS、JS文件变化，自动编译，自动刷新浏览器。

• 当HTML或JS发生变化时，浏览器会刷新，当CSS变化时，浏览器会重载CSS文件

• images、css、fonts文件夹的内容会被监视并在发生变化时被复制到build文件夹对应目录中

初次建立项目时，应该包含gulpfile.js、yarn.lock、package.json文件并提交

之后提交时只提交WWW文件夹里面的内容

• HTML 模板引入（使用gulp-te模板引入）

    {{header}} 默认后缀为html，目录为template
  

  你也可以

    {{header(<jquery选择器>,<第几个>,<要加的类>)}}
  

  jquery选择器 默认值： li

  第几个 无默认值

  要加的类 默认：on

  比如

    {{header(.nav li,2,active)}}
  

  支持的缩写

    {{header(.nav li,2)}}
    
    {{header(2)}}
  

• 浏览器前缀修复

  当前设置兼容性为

    browsers: ['last 5 versions','>2%']
  

• 编译并合并www/less文件夹下的less文件

  • 你可以浏览下面网站学习less语法

    • LESS LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承， 运算， 函数.

• css优化（cssnano）

• 默认任务，编译源代码到build

    gulp
  

• 开发模式，将会清理html和css模板文件,并且压缩css

    gulp dev
  

• doyo发布

    gulp doyo
  

将源代码编译至doyo文件夹，并且替换 ()

     {{header}}

为

     {include = "template/header.html" }

• webstorm

    默认支持less,，webstorm里可以直接运行gulp任务
  

• sublime

    less需要安装插件以支持语法高亮(请自行百度)