基于Vue.js重构知晓APP项目

##下载

1.在空白目录直接clone该项目

  $ git clone 仓库地址

2.创建本地工作分支

shy分支：

  $ git checkout -b shy

lee分支：

  $ git checkout -b lee

lxn分支：

  $ git checkout -b lxn

chping分支：

  $ git checkout -b chping

3.你的本地分支与远程分支建立联系

  1. $ git add .

  2. $ git commit -am '分支名 branch commit'

  3. $ git push --set-upstream origin 分支名

项目初始化完毕，可以准备开始开发工作了。

二、准备开发工作

1.安装依赖模块

  $ npm install

2.测试运行

  $ npm run build

3.开发目录解释

  zhiXiaoAPP
  |__prd:输出目录
  |   |__images：图片目录
  |   |   |__index: 主页 图片目录
  |   |   |__lee: 排行榜 图片目录
  |   |   |__lxn: 发现 图片目录
  |   |   |__my: 我的 图片目录
  |   |__mock：mock数据目录
  |   |   |__index: 主页 mock数据目录
  |   |   |__lee: 排行榜 mock数据目录
  |   |   |__lxn: 发现 mock数据目录
  |   |   |__my: 我的 mock数据目录
  |   |__bundle.css    单页面应用入口css文件（不可更改,自动编译）
  |   |__bundle.js    单页面应用入口js文件（不可更改，自动编译）
  |   |__index.html    单页面应用入口文件（不可更改，自动编译）
  |__src:工作目录
  |   |__scripts: js工作目录
  |   |   |__components: vue的组件目录
  |   |   |__libs: 第三方js库目录
  |   |   |__util: 工具类目录
  |   |   |__app.js: 应用入口目录
  |   |__styles: js工作目录
  |   |   |__lib: Yo框架lib目录（不可更改）
  |   |   |__usage: Yo框架工作目录（只解释常用目录）
  |   |   |   |__page: 应用入口目录
  |   |   |   |__views: 页面入口目录
  |__.babelrc: babel配置文件
  |__.gitignore: git忽略上传配置文件
  |__package.json: npm组件管理配置文件
  |__README.md: 说明文档
  |__webpack.config.js: webpack配置文件

4.开始开发

1. 首先按第3步要求建立你的页面入口js文件和样式文件，并在应用入口文件中引入页面入口文件。
2. 接下来就开始你的开发工作吧！ 建议： 开发过程中建议开启两个git bash，一个开启webpack -w，另一个开启npm run build。这样可以保证实时编译和浏览器刷新。