# Gulp

**Repository Path**: gdoxa/Gulp

## Basic Information

- **Project Name**: Gulp
- **Description**: Gulp 自动化你的前端开发

编译 sass
合并优化压缩 css
校验压缩 js
优化图片
添加文件指纹（md5）
组件化头部底部（include html）
实时自动刷新
...
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2017-08-22
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Gulp
Gulp 自动化你的前端开发


## 特性
编译 sass
合并优化压缩 css
校验压缩 js
优化图片
添加文件指纹（md5）
组件化头部底部（include html）
实时自动刷新
...


## 快速入门

### 安装配置

#### 1. 准备工作
请下载 webstorm2017 及 node.j 8.4 

#### 2. 安装依赖
在项目根目录下运行
```
npm install
```

#### 3. 启动开发环境
在项目根目录下运行
```
npm run dev
```
之后，可以在 http://localhost:3000/ 实时查看修改

#### 4. 打包发布
在项目根目录下运行
```
npm run build
```
之后，将build文件夹复制到发布环境即可


## 学习文档 | 插件文档 | 工具
提供一些博客和插件文档以供进一步学习

### 1. jade
[http://www.jianshu.com/p/e2a9cd3b7e56]

### 2. bootstrap4
[https://v4.bootcss.com/]

### 3. html2jade
[http://html2jade.vida.io/]

### 4. sass
[https://www.sass.hk/]

### 5. sweetalert2弹窗
[https://github.com/limonte/sweetalert2]

### 6. noty 弹窗
[https://ned.im/noty/#/options]

### 7. animatedModal 莫态框
类似于teembition下拉菜单的动画弹窗，

[http://joaopereirawd.github.io/animatedModal.js/]

待补充...


### 更多
可以阅读每个文件夹下的README.md文件获得更多资料， 如果有问题可以随时联系我。