Merge pull request #5 from bobiscool/develop

Develop

Author: bobiscool

README.md

@@ -1,50 +1,53 @@
 
 ## iBiu
-### 一步到位的Vue脚手架工具
+### One-stop Vue scaffolding tool
 ![](./assets/img/ibiuFor.png)
 
-#### [windows 64位版本软件下载](https://link.juejin.im/?target=https%3A%2F%2Fgit.oschina.net%2Fkarl-vicent%2FiBiu%2Fraw%2Fmaster%2Fwin%2FiBiu%2520Setup%25201.0.0.exe)
-#### [MAC 软件下载](https://link.juejin.im/?target=https%3A%2F%2Fgit.oschina.net%2Fkarl-vicent%2FiBiu%2Fraw%2Fmaster%2Fmacos%2FiBiu-1.0.0.dmg)
+[中文文档看这里](/docs/cn.md)
+
+#### [Windows x64](https://link.juejin.im/?target=https%3A%2F%2Fgit.oschina.net%2Fkarl-vicent%2FiBiu%2Fraw%2Fmaster%2Fwin%2FiBiu%2520Setup%25201.0.0.exe)
+#### [MAC](https://link.juejin.im/?target=https%3A%2F%2Fgit.oschina.net%2Fkarl-vicent%2FiBiu%2Fraw%2Fmaster%2Fmacos%2FiBiu-1.0.0.dmg)
 
 
 > iBiu  was developed based on [iView-cli](https://github.com/iview/iview-cli) 
 > <br>`I'd like to thank iView-Cli's developers very much`
 
 
-主要基于
+base on
 
 - [Vue-cli](https://github.com/vuejs/vue-cli)
 - [iView-cli](https://github.com/iview/iview-cli) 
 - [Node.js](https://nodejs.org/en/)
 - [electron](https://electron.atom.io/)
 
-### 实现功能
-#### 常见的脚手架需求
-   - 创建项目目录结构
-   - 创建配置项（包括 webpack 的配置项,gitignore等）
-   - 根据设置创建packgejson
-    
-#### 痛点需求解决
-   - 根据用户提供的json数组**创建页面目录,结构与json上的一致**
-   - 根据用户提供的json数组**创建各个页面到各自对应的目录**
-   - 根据用户提供的json数组创建**路由配置项，并将页面注册到路由上**
-
-> 意思是:当遇到比较大的vue项目时，你再也不用痛苦的一个一个去注册路由了！！！
-
-### 使用方法
-
-1. 点击新建项目<br>
-   ![](./assets/github/2017-07-21_11-20-39.png)
-2. 选择你与要配置的库  
-3. 粘贴上你需要创建目录JSON[格式请参照此格式来](https://github.com/bobiscool/iBiu/blob/master/assets/github/formater.json)<br>
-   ![](./assets/github/2017-07-21_11-23-54.png)
-4. 点击创建工程 
-5. 创建完毕后打开目录<br>
-   ![](./assets/github/2017-07-21_11-26-29.png)<br>
+### Achieve function
+#### Common scaffolding needs
+   - Create a project directory structure
+   - Create configuration items (including webpack configuration items, gitignore, etc.)
+   - According to the settings to create packgejson
+
+#### Pain point have been solved
+   - Create  page directories based on the JSON array provided by the user, and the structure is consistent with the JSON
+   - Create various pages to their respective directories based on the JSON array provided by the user.
+   - Create a route configuration item based on the user-supplied json array and register the page with the route.
+
+> Means: When faced with a larger vue project, you no longer have to go to register router one by one painfully! ! !
+
+### Instructions
+
+1. Click New Project<br>
+   ![](./assets/github/iBiu1.png)
+2. Select the library you want to configure  
+3. Paste you need to create the directory JSON [format please refer to this format](https://github.com/bobiscool/iBiu/blob/master/assets/github/formater.json)<br>
+   ![](./assets/github/iBiu2.png)
+4. Click Create Project
+    ![](./assets/github/iBiu3.png)
+5. Open the directory after creation<br>
+   ![](./assets/github/iBiu4.png)<br>
    ![](./assets/github/games_js_和_src.png)
-   - 执行 `npm install`
-   - 执行 `npm run dev`
-6. 访问 `http://localhost:8080`<br>
+   - Run `npm install`
+   - Run `npm run dev`
+6. Visit `http://localhost:8080`<br>
    ![](./assets/github/2017-07-18_23-01-10.png)<br>   
    ![](./assets/github/2017-07-18_22-58-58.png)   
 

app/create.html

@@ -20,10 +20,10 @@
                     <div class="home-desc">Build Vue spa faster</div>
                     <Row class="home-menu" :gutter="32">
                         <i-col span="9" :offset="3">
-                            <i-button type="ghost" long icon="ios-plus-empty" @click="handleCreateApp">新建工程</i-button>
+                            <i-button type="ghost" long icon="ios-plus-empty" @click="handleCreateApp">New Project</i-button>
                         </i-col>
                         <i-col span="9">
-                            <i-button type="ghost" long icon="ios-keypad" @click="handleOpenDoc">在线文档</i-button>
+                            <i-button type="ghost" long icon="ios-keypad" @click="handleOpenDoc">Docs</i-button>
                         </i-col>
                     </Row>
                 </i-col>

app/index.html

@@ -82,6 +82,7 @@ body{
     left: 0;
     right: 0;
     z-index: 1;
+    padding: 0 35px 35px 35px;
     overflow: auto;
 }
 .create-form{