# YGULP

**Repository Path**: wichell/YGULP

## Basic Information

- **Project Name**: YGULP
- **Description**: 基于gulp自动化构建工具所配置好的一系列插件，拿到直接上手。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2016-07-19
- **Last Updated**: 2022-05-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#YGULP——YUMCC

 **"gulp": "^3.9.1"
"gulp-concat": "^2.6.0"
"gulp-htmlmin": "^2.0.0"
"gulp-imagemin": "^3.0.1"
"gulp-jshint": "^2.0.1"
"gulp-minify-css": "^1.2.4"
"gulp-notify": "^2.2.0"
"gulp-rename": "^1.2.2"
"gulp-ruby-sass": "^2.0.6"
"gulp-uglify": "^1.5.4"
"gulp-livereload": "^3.8.1"
"gulp-webserver": "^0.9.1"** 

配置了以上的插件，初级前端开发可以直接上手，主要这里的sass编译使用ruby-sass，所以需要pc上需要安装ruby版的sass。
由于YGULP第二版新增了web服务端和自动刷新功能，所以还需要在chrome上安装一个扩展插件，本项目已经包含，请把chrome设置为默认浏览器。
Html和Js用的都是原生，Css用的Sass。假如需要可自行加入Jade,Ejs和Coffeescript,Typescript。

gulp    //前端自动化构建工具
gulp-concat    //文件合并
gulp-htmlmin    //html压缩
gulp-imagemin    //图片压缩
gulp-jshint    //JS语法检测
gulp-minify-css    //CSS压缩
gulp-notify    //提示信息
gulp-rename    //文件更名
gulp-ruby-sass    //ruby-sass编译
gulp-uglify    //JS压缩
livereload = require('gulp-livereload')//自动刷新
webserver = require('gulp-webserver')//服务器化

> 使用说明：
    1.node.JS gulp（-g）    //不用解释了吧！
    2.安装ruby    ruby-sass    git    //必备
    3.git my project    //克隆YGULP
    4.chrome浏览器安装扩展插件（插件在项目包）
    5.npm install    //安装项目全部的插件
    6.gulp    //一键开启项目服务端，默认：http://localhost:5497/ 自行修改端口 （修改文件后保存，浏览器会自动刷新）
    7.目录结构
        html        //html未压缩
        script          //js未检测压缩
        image         //图片未压缩
        css         //css未压缩
        sass        //sass未编译
        ready        //编译压缩过后自动对应存于ready文件夹内的子文件夹
          |—— html
          |—— script
          |—— css
          |—— image