示例项目
项目说明
示例项目使用用友GIT服务器进行托管,作为学习新技术和开发测试时的便捷测试使用,也可当做搭建WEB项目时的模板。 附:常用GIT命令教程地址
GIT地址
git@git.yonyou.com:zhangbin0/web_exam.git
使用说明
1. 克隆项目
$ git clone git@git.yonyou.com: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组件目录