示例项目

项目说明

示例项目使用用友GIT服务器进行托管，作为学习新技术和开发测试时的便捷测试使用，也可当做搭建WEB项目时的模板。 附：常用GIT命令教程地址

GIT地址

[e-mail]:zhangbin0/web_exam.git

使用说明

1. 克隆项目

$ git clone [e-mail]:zhangbin0/web_exam.git

2. 初始化项目

$ cd web_exam
$ npm install           // 通过package.json安装node模块到当前项目

3. 启动项目

$ cd web_exam
$ gulp

4. 分支开发

创建自己的git分支进行开发测试，分支建议以自己的名字命名

4.1 创建分支

创建分支，示例分支名为：mayun

$ git branch mayun            //创建本地分支mayun
$ git checkout mayun        //本地分支切换至mayun
$ git push origin mayun        //将本地更新推送至远程origin服务器的mayun分支，origin将创建mayun分支

4.2 关连本地与远程分支

方法一，修改.git\/config文件，添加（存在则修改）以下内容

[branch "mayun"]
    remote = origin
    merge = refs/heads/mayun

方法二，使用GIT命令

$ git checkout master       //切换本地分支至master
$ git branch -D mayun        //删除分支mayun
$ git branch --track mayun origin/mayun        //从origin服务下拉mayun分支，并与本地mayun分支关连

5. 服务执行结果

若服务正常启动，会进行Bower编译、HTML编译、CSS编译、JS编译、启动静态服务器、并打开浏览器。 文件目录会增加.buildTmp和build目录，这两个目录是服务启动的ROOT目录。

目录介绍

下面是完整的目录（执行完初始化和构建操作之后的完整目录）

—— app             // 项目文件目录
  —— index.html    // 项目入口HTML文件
  —— modules       // 模块目录
    —— common      // 公共模块
      —— com.js
      —— com.css
    —— user        // 用户模块(示例)
      —— user.js
      —— user.scss
    —— product     // 产品模块(示例)

—— build           // 项目构建目录
—— .buildTmp       // 项目临时构建目录，目前用于存放Bower库

—— gulp            // gulp构建文件目录
  —— js.js         // JS构建
  —— css.js        // CSS构建
  —— conf.js       // 构建配置
  —— server.js     // 静态服务器启动

—— bower_components    // bower组件目录

—— gulpfile.js     // gulp构建入口文件

—— bower.json      // bower组件配置
—— bower_components    // bower组件目录