You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by ji...@apache.org on 2017/03/20 09:25:02 UTC

[06/12] incubator-weex-site git commit: Site updated: 2017-03-20 17:24:31

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/contributing.html
----------------------------------------------------------------------
diff --git a/guide/contributing.html b/guide/contributing.html
index f4421e1..0a5c34a 100644
--- a/guide/contributing.html
+++ b/guide/contributing.html
@@ -199,11 +199,6 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -262,11 +257,7 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -371,11 +362,6 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -434,11 +420,7 @@ Join in Weex Mailing ListIn Weex community all discussion will happen on">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/index.html
----------------------------------------------------------------------
diff --git a/guide/index.html b/guide/index.html
index 2a1243d..2381296 100644
--- a/guide/index.html
+++ b/guide/index.html
@@ -198,11 +198,6 @@
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -261,11 +256,7 @@
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -370,11 +361,6 @@
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -433,11 +419,7 @@
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/integrate-to-your-app.html
----------------------------------------------------------------------
diff --git a/guide/integrate-to-your-app.html b/guide/integrate-to-your-app.html
index c100009..62cd2de 100644
--- a/guide/integrate-to-your-app.html
+++ b/guide/integrate-to-your-app.html
@@ -199,11 +199,6 @@ Android has tow ways to integrate weex1.using source cod">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -262,11 +257,7 @@ Android has tow ways to integrate weex1.using source cod">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -371,11 +362,6 @@ Android has tow ways to integrate weex1.using source cod">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -434,11 +420,7 @@ Android has tow ways to integrate weex1.using source cod">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/intro/app-architecture.html
----------------------------------------------------------------------
diff --git a/guide/intro/app-architecture.html b/guide/intro/app-architecture.html
index 6d323a2..45a3df5 100644
--- a/guide/intro/app-architecture.html
+++ b/guide/intro/app-architecture.html
@@ -199,11 +199,6 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -262,11 +257,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -371,11 +362,6 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -434,11 +420,7 @@ Mobile App Needs Parallel DevelopmentNowadays, all mobile app teams requires the
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/intro/how-it-works.html
----------------------------------------------------------------------
diff --git a/guide/intro/how-it-works.html b/guide/intro/how-it-works.html
index fa2d996..2c71cf5 100644
--- a/guide/intro/how-it-works.html
+++ b/guide/intro/how-it-works.html
@@ -201,11 +201,6 @@ Dev">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -264,11 +259,7 @@ Dev">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -373,11 +364,6 @@ Dev">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -436,11 +422,7 @@ Dev">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/intro/index.html
----------------------------------------------------------------------
diff --git a/guide/intro/index.html b/guide/intro/index.html
index e7e4654..5d51e45 100644
--- a/guide/intro/index.html
+++ b/guide/intro/index.html
@@ -214,11 +214,6 @@ Weex Page Architecture">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -277,11 +272,7 @@ Weex Page Architecture">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -386,11 +377,6 @@ Weex Page Architecture">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -449,11 +435,7 @@ Weex Page Architecture">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/intro/page-architecture.html
----------------------------------------------------------------------
diff --git a/guide/intro/page-architecture.html b/guide/intro/page-architecture.html
index 8f28970..a7f52d8 100644
--- a/guide/intro/page-architecture.html
+++ b/guide/intro/page-architecture.html
@@ -199,11 +199,6 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -262,11 +257,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -371,11 +362,6 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -434,11 +420,7 @@ UINative DOM ModelWeex page has its HTML-like DOM model to">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/intro/using-vue.html
----------------------------------------------------------------------
diff --git a/guide/intro/using-vue.html b/guide/intro/using-vue.html
index 4ac35b1..108bbe5 100644
--- a/guide/intro/using-vue.html
+++ b/guide/intro/using-vue.html
@@ -198,11 +198,6 @@
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -261,11 +256,7 @@
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -370,11 +361,6 @@
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -433,11 +419,7 @@
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/intro/web-dev-experience.html
----------------------------------------------------------------------
diff --git a/guide/intro/web-dev-experience.html b/guide/intro/web-dev-experience.html
index 17d77d7..8131498 100644
--- a/guide/intro/web-dev-experience.html
+++ b/guide/intro/web-dev-experience.html
@@ -196,11 +196,6 @@
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -259,11 +254,7 @@
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -368,11 +359,6 @@
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -431,11 +417,7 @@
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/intro/write-once.html
----------------------------------------------------------------------
diff --git a/guide/intro/write-once.html b/guide/intro/write-once.html
index 29de638..bdbedf7 100644
--- a/guide/intro/write-once.html
+++ b/guide/intro/write-once.html
@@ -205,11 +205,6 @@ Second, all components &amp;amp; modu">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -268,11 +263,7 @@ Second, all components &amp;amp; modu">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -377,11 +368,6 @@ Second, all components &amp;amp; modu">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -440,11 +426,7 @@ Second, all components &amp;amp; modu">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/set-up-env.html
----------------------------------------------------------------------
diff --git a/guide/set-up-env.html b/guide/set-up-env.html
index 67042f5..fb470ce 100644
--- a/guide/set-up-env.html
+++ b/guide/set-up-env.html
@@ -13,13 +13,13 @@ You will need Node.js and the Weex CLi.">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Set up development environmentUse dotWe is a good choice, But if you want to develop locally on your own machine, you will set up your development environment.
 You will need Node.js and the Weex CLi.">
-<meta property="og:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
-<meta property="og:updated_time" content="2017-03-10T10:11:47.000Z">
+<meta property="og:image" content="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png">
+<meta property="og:updated_time" content="2017-03-20T09:23:41.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Set Up Development Environment">
 <meta name="twitter:description" content="Set up development environmentUse dotWe is a good choice, But if you want to develop locally on your own machine, you will set up your development environment.
 You will need Node.js and the Weex CLi.">
-<meta name="twitter:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
+<meta name="twitter:image" content="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png">
   
     <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
   
@@ -201,11 +201,6 @@ You will need Node.js and the Weex CLi.">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -264,11 +259,7 @@ You will need Node.js and the Weex CLi.">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -373,11 +364,6 @@ You will need Node.js and the Weex CLi.">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -436,11 +422,7 @@ You will need Node.js and the Weex CLi.">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -473,7 +455,7 @@ You will need Node.js and the Weex CLi.">
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T10:11:47.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-20T09:23:41.000Z">Updated time: 20/03/2017</time>
 </header>
     <h1 id="Set-up-development-environment"><a href="#Set-up-development-environment" class="headerlink" title="Set up development environment"></a>Set up development environment</h1><p>Use dotWe is a good choice, But if you want to develop locally on your own machine, you will set up your development environment.</p>
 <p>You will need Node.js and the <a href="https://github.com/weexteam/weex-toolkit" target="_blank" rel="external">Weex CLi</a>.</p>
@@ -484,7 +466,7 @@ You will need Node.js and the Weex CLi.">
 <figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ npm install -g weex-toolkit</div><div class="line">$ weex -v</div><div class="line"></div><div class="line">v1.0.3</div><div class="line">weex-builder : v0.2.4</div><div class="line">weex-previewer : v1.3.4</div></pre></td></tr></table></figure>
 <p><strong>NOTE: </strong> If you get an error like \u201cpermission error\u201d, try installing with <code>sudo</code>.</p>
 <p>Then you can use the weex command to verify that the installation is successful:</p>
-<p><img src="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg" alt=""></p>
+<p><img src="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png" alt=""></p>
 <h3 id="Generate-a-new-Weex-project"><a href="#Generate-a-new-Weex-project" class="headerlink" title="Generate a new Weex project"></a>Generate a new Weex project</h3><p>You can use CLi to generate a Weex project called \u201cawesome-project\u201d. Run the following command in a Terminal:</p>
 <figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex init awesome-project</div></pre></td></tr></table></figure>
 <p>Then we enter the awesome-project folder, the CLi has been for us to generate a standard project structure.</p>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/tools/index.html
----------------------------------------------------------------------
diff --git a/guide/tools/index.html b/guide/tools/index.html
index 924370c..b5e2b57 100644
--- a/guide/tools/index.html
+++ b/guide/tools/index.html
@@ -6,21 +6,18 @@
   <title>Tools | Weex</title>
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
   <meta name="description" content="Tools
-Devtools
-Weexpack">
+weex-toolkit">
 <meta property="og:type" content="website">
 <meta property="og:title" content="Tools">
 <meta property="og:url" content="https://weex.apache.org/guide/tools/index.html">
 <meta property="og:site_name" content="Weex">
 <meta property="og:description" content="Tools
-Devtools
-Weexpack">
-<meta property="og:updated_time" content="2017-03-10T10:16:51.000Z">
+weex-toolkit">
+<meta property="og:updated_time" content="2017-03-20T09:23:41.000Z">
 <meta name="twitter:card" content="summary">
 <meta name="twitter:title" content="Tools">
 <meta name="twitter:description" content="Tools
-Devtools
-Weexpack">
+weex-toolkit">
   
     <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
   
@@ -202,11 +199,6 @@ Weexpack">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -265,11 +257,7 @@ Weexpack">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -374,11 +362,6 @@ Weexpack">
         
       
     
-      
-      
-        
-      
-    
    
     
       <li>
@@ -437,11 +420,7 @@ Weexpack">
           <ul class="chapter">
             
               <li>
-                <a href="/guide/tools/devtools.html" class="sidebar-link  ">Using Devtools</a>
-              </li>
-            
-              <li>
-                <a href="/guide/tools/weexpack.html" class="sidebar-link  ">Using Weexpack</a>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link  ">use weex-toolkit</a>
               </li>
             
           </ul>
@@ -474,11 +453,10 @@ Weexpack">
       </h1>
     
   
-  <time class="article-date" datetime="2017-03-10T10:16:51.000Z">Updated time: 10/03/2017</time>
+  <time class="article-date" datetime="2017-03-20T09:23:41.000Z">Updated time: 20/03/2017</time>
 </header>
     <h1 id="Tools"><a href="#Tools" class="headerlink" title="Tools"></a>Tools</h1><ul>
-<li><a href="./devtools.html">Devtools</a></li>
-<li><a href="./weexpack.html">Weexpack</a></li>
+<li><a href="./toolkit.html">weex-toolkit</a></li>
 </ul>
 
   </div>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/guide/tools/toolkit.html
----------------------------------------------------------------------
diff --git a/guide/tools/toolkit.html b/guide/tools/toolkit.html
new file mode 100644
index 0000000..3112524
--- /dev/null
+++ b/guide/tools/toolkit.html
@@ -0,0 +1,587 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  
+  <title>use weex-toolkit | Weex</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+  <meta name="description" content="weex-toolkitweex-toolkit is an official command line tool to help developers to create, debug and build their Weex project.
+Installuse npm to install weex-toolkit:
+$ npm install -g weex-toolkit
+if you">
+<meta property="og:type" content="website">
+<meta property="og:title" content="use weex-toolkit">
+<meta property="og:url" content="https://weex.apache.org/guide/tools/toolkit.html">
+<meta property="og:site_name" content="Weex">
+<meta property="og:description" content="weex-toolkitweex-toolkit is an official command line tool to help developers to create, debug and build their Weex project.
+Installuse npm to install weex-toolkit:
+$ npm install -g weex-toolkit
+if you">
+<meta property="og:image" content="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1O.nwKFXXXXX8XpXXXXXXXXXX-1436-811.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1.02bKFXXXXXwaXXXXXXXXXXX-2880-1800.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1NjO_KFXXXXcaaXXXXXXXXXXX-2880-1800.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1ck6lKFXXXXbZXFXXXXXXXXXX-2880-1800.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1a7HqKFXXXXXMXFXXXXXXXXXX-2880-1800.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png">
+<meta property="og:image" content="https://gw.alicdn.com/tfs/TB19n4AQXXXXXawXVXXXXXXXXXX-577-70.png">
+<meta property="og:updated_time" content="2017-03-20T09:23:41.000Z">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="use weex-toolkit">
+<meta name="twitter:description" content="weex-toolkitweex-toolkit is an official command line tool to help developers to create, debug and build their Weex project.
+Installuse npm to install weex-toolkit:
+$ npm install -g weex-toolkit
+if you">
+<meta name="twitter:image" content="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png">
+  
+    <link rel="alternate" href="/atom.xml" title="Weex" type="application/atom+xml">
+  
+  
+    <link rel="icon" href="//gw.alicdn.com/tps/TB1XNqxPXXXXXcSXVXXXXXXXXXX-64-63.png">
+  
+  
+    <link href="//fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet" type="text/css">
+  
+  <link rel="stylesheet" href="/css/style.css">
+  <link rel="stylesheet" href="/css/swiper.min.css">
+</head>
+
+<body id="guide" class="lang-en">
+  
+  <script>
+    window.PAGE_TYPE = "guide";
+    window.ROOT = "/"
+  </script>
+  <header id="header">
+  <div class="navbar">
+    <a id="logo" href="/">
+      <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
+    </a>
+    <div class="main-nav">
+      <ul class="links">
+        <li><a href="/guide">Guide</a></li>
+        <li><a href="/references">References</a></li>
+        <li><a href="/faq.html">FAQ</a></li>
+        <li class="dropdown">
+            <a href="javascript:;">Services &amp; Tools</a>
+            <ul class="dropdown-menu subnav">
+              <li>
+                <a href="/playground.html">Playground</a>
+              </li>
+              <li>
+                <a href="/guide/tools/devtools.html">Devtools</a>
+              </li>
+              <li>
+                <a href="/guide/tools/weexpack.html">Weexpack</a>
+              </li>
+              <li>
+                <a href="http://dotwe.org" target="_blank">Code Snippets</a>
+              </li>
+              <li>
+                <a href="https://market.dotwe.org" target="_blank">Market</a>
+              </li>
+            </ul>
+        </li>
+      </ul>
+      <ul class="info">
+        <li><a href="https://github.com/apache/incubator-weex/" target="_blank"><span class="btn-github iconfont icon-github"></span></a></li>
+      </ul>
+      <ul class="tools">
+        <li>
+          <div class="search">
+  <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
+    <input type="text" id="search-input-header" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <span class="iconfont icon-search"></span>
+  </form>
+  <div class="results-panel">
+  </div>
+</div>
+        </li>
+        <li>
+          <div class="dropdown select-lang">
+            <a href="javascript:;" class="dropdown-toggle">
+              Language
+              <span class="caret"></span>
+            </a>
+            <ul class="dropdown-menu pick-lang">
+              <li>
+                <a href="/guide/tools/toolkit.html" data-lang="en">English</a>
+              </li>
+              <li>
+                <a href="/cn/guide/tools/toolkit.html" data-lang="zh-cn">\u4e2d\u6587</a>
+              </li>
+            </ul>
+          </div>
+        </li>
+        <!--<li></li>-->
+      </ul>
+    </div>
+  </div>
+  <div id="mobile-nav">
+    <a id="logo" href="/">
+      <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
+    </a>
+    <a class="btn-menu"><span class="iconfont icon-nav"></span></a>
+  </div>
+</header>
+
+  <div id="sidebar" class="">
+  <div class="sidebar-menu">
+    
+      <div class="search">
+  <form id="search-form" class="search-form"> <!-- \u641c\u7d22\u6846\u76f8\u5173 -->
+    <input type="text" id="search-input-sidebar" name="q" results="0" class="form-control search-input" autocomplete="off" autocorrect="off"/>
+    <span class="iconfont icon-search"></span>
+  </form>
+  <div class="results-panel">
+  </div>
+</div>
+      
+
+
+<div class="summary">
+  <h2 class="part-title">
+    
+      Guide
+    
+  </h2>
+  <ul class="doc-summary">
+    
+    
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+   
+    
+      <li>
+        <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
+        <h3 class="chapter-title"><a href="/guide/intro/index.html" class="sidebar-link  ">Intro</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/intro/how-it-works.html" class="sidebar-link  ">How it works</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/web-dev-experience.html" class="sidebar-link  ">Web Dev Experience</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/using-vue.html" class="sidebar-link  ">Using Vue</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/write-once.html" class="sidebar-link  ">Write once, Run Everywhere</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/app-architecture.html" class="sidebar-link  ">Mobile App Architecture</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/page-architecture.html" class="sidebar-link  ">Weex Page Architecture</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
+        <h3 class="chapter-title"><a href="/guide/tools/index.html" class="sidebar-link  ">Tools</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link current ">use weex-toolkit</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
+        <h3 class="chapter-title"><a href="/guide/contributing.html" class="sidebar-link  ">How to Contribute</a></h3>
+        
+      </li>
+    
+    
+    
+      <li>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
+      </li>
+    
+  </ul>
+</div>
+    
+    <a class="btn-close-sidebar iconfont  icon-close"></a>
+  </div>
+</div>
+
+  <div class="article-wrapper page-layout">
+  <div class="doc-nav">
+    
+
+
+<div class="summary">
+  <h2 class="part-title">
+    
+      Guide
+    
+  </h2>
+  <ul class="doc-summary">
+    
+    
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+      
+      
+        
+      
+    
+   
+    
+      <li>
+        <h3 class="chapter-title"><a href="/guide/index.html" class="sidebar-link  ">Get Started</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/set-up-env.html" class="sidebar-link  ">Set Up Development Environment</a>
+              </li>
+            
+              <li>
+                <a href="/guide/integrate-to-your-app.html" class="sidebar-link  ">Integrate to Your App</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
+        <h3 class="chapter-title"><a href="/guide/intro/index.html" class="sidebar-link  ">Intro</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/intro/how-it-works.html" class="sidebar-link  ">How it works</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/web-dev-experience.html" class="sidebar-link  ">Web Dev Experience</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/using-vue.html" class="sidebar-link  ">Using Vue</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/write-once.html" class="sidebar-link  ">Write once, Run Everywhere</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/app-architecture.html" class="sidebar-link  ">Mobile App Architecture</a>
+              </li>
+            
+              <li>
+                <a href="/guide/intro/page-architecture.html" class="sidebar-link  ">Weex Page Architecture</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
+        <h3 class="chapter-title"><a href="/guide/tools/index.html" class="sidebar-link  ">Tools</a></h3>
+        
+          <ul class="chapter">
+            
+              <li>
+                <a href="/guide/tools/toolkit.html" class="sidebar-link current ">use weex-toolkit</a>
+              </li>
+            
+          </ul>
+        
+      </li>
+    
+      <li>
+        <h3 class="chapter-title"><a href="/guide/contributing.html" class="sidebar-link  ">How to Contribute</a></h3>
+        
+      </li>
+    
+    
+    
+      <li>
+        <h3 class="chapter-title"><a href="/v-0.10/guide/index.html" class="sidebar-link">Old Syntax Doc</a></h3>
+      </li>
+    
+  </ul>
+</div>
+  </div>
+  
+
+<article class="article article-type-guide">
+  <div class="article-entry" itemprop="articleBody">
+    <header class="article-header">
+  
+    
+      <h1 class="article-title" itemprop="name">
+        use weex-toolkit
+      </h1>
+    
+  
+  <time class="article-date" datetime="2017-03-20T09:23:41.000Z">Updated time: 20/03/2017</time>
+</header>
+    <h1 id="weex-toolkit"><a href="#weex-toolkit" class="headerlink" title="weex-toolkit"></a>weex-toolkit</h1><p><a href="https://github.com/weexteam/weex-toolkit" target="_blank" rel="external">weex-toolkit</a> is an official command line tool to help developers to create, debug and build their Weex project.</p>
+<h3 id="Install"><a href="#Install" class="headerlink" title="Install"></a>Install</h3><p>use npm to install weex-toolkit:</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ npm install -g weex-toolkit</div></pre></td></tr></table></figure>
+<p>if you make it, you can input \u201cweex\u201d in your command line terminal to test it. The right output:</p>
+<p><img src="https://img.alicdn.com/tfs/TB1NBhdQXXXXXXzXFXXXXXXXXXX-712-343.png" alt="weex-commands"></p>
+<p>if you have never installed node.js, you should go <a href="https://nodejs.org/en/" target="_blank" rel="external">node.js.org</a> to download and install it. </p>
+<ul>
+<li>node engine version &gt;= 6. You can try <a href="https://github.com/tj/n" target="_blank" rel="external">n</a> to manage your node versions*<br>If you meet some errors when installing like <code>permission error</code>, please go <a href="https://github.com/weexteam/weex-toolkit/issues" target="_blank" rel="external">weex-toolkit issues</a> to find some solution or have a discuss with us. </li>
+</ul>
+<h3 id="initialize-Weex-project"><a href="#initialize-Weex-project" class="headerlink" title="initialize Weex project"></a>initialize Weex project</h3><figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex init awesome-project</div></pre></td></tr></table></figure>
+<p>After command running, you can find <code>awesome-project</code> directory and there are some Weex templates in it.<br>There are some useful npm scripts you will use in the future:</p>
+<ul>
+<li><code>build</code>: build the source code and generate the JS bundle</li>
+<li><code>dev</code>: run webpack watch configuration</li>
+<li><code>serve</code>: start a web server</li>
+<li><code>debug</code>: open the debug mode</li>
+</ul>
+<p>When all dependences are ready, you can input <code>npm run dev</code> and run <code>npm run server</code> in a command line tab. Now you can visit our web page in :</p>
+<p><a href="http://localhost:8080/index.html" target="_blank" rel="external">http://localhost:8080/index.html</a></p>
+<h3 id="preview-Weex-page-in-time"><a href="#preview-Weex-page-in-time" class="headerlink" title="preview Weex page in time"></a>preview Weex page in time</h3><p>weex-toolkit supports previewing your Weex file(<code>.we</code> or <code>.vue</code>) in a watch mode. You only need specify your file path.</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex src/foo.vue</div></pre></td></tr></table></figure>
+<p>The browser will auto open the location and you could see the layout and effects of your Weex page. If you have a <a href="https://weex.apache.org/cn/playground.html">Playground</a> app in your mobile devices, you can scan the QR code at the opened page.<br>Try the command below, you\u2019ll preview the whole directory files.</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex src --entry src/foo.vue</div></pre></td></tr></table></figure>
+<p>You need to specify the directory path and the entry file(<code>--entry</code>).</p>
+<h3 id="build-Weex-project"><a href="#build-Weex-project" class="headerlink" title="build Weex project"></a>build Weex project</h3><p>Use <code>weex compile</code> to build your single weex file or the whole project.<br><figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">weex compile src/foo.vue dist</div></pre></td></tr></table></figure></p>
+<p>There are two arguments. One is your code source path (a single file or a directory) and another is your destination path you want to build</p>
+<h3 id="debug"><a href="#debug" class="headerlink" title="debug"></a>debug</h3><p>weex-toolkit has the ability to extend third party script.  And <strong><a href="https://github.com/weexteam/weex-devtool" target="_blank" rel="external">Weex devtools</a></strong> is a custom devtools for Weex that implements <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external">Chrome Debugging Protocol</a>, it is designed to help you quickly inspect your app and debug your JS bundle source in a Chrome web page, both android and iOS platform are supported. So you can use weex-devtools feature by weex-toolkit.</p>
+<h4 id="usage"><a href="#usage" class="headerlink" title="usage"></a>usage</h4><figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">weex debug [options] [we_file|bundles_dir]</div><div class="line"></div><div class="line">  Options:</div><div class="line"></div><div class="line">    -h, --help           output usage information</div><div class="line">    -V, --verbose        display logs of debugger server</div><div class="line">    -v, --version        display version</div><div class="line">    -p, --port [port]    <span class="built_in">set</span> debugger server port</div><div class="line">    <span class="_">-e</span>, --entry [entry]  <span class="built_in">set</span> the entry bundlejs path when you specific the bundle server root path</div><div class="line">    -m, --mode [mode]    <span class="built_in">set</span> build mode [transformer|loader]</div><div class="line">    -w, --watch          watch we file changes auto build them and refresh debu
 gger page![default enabled]</div></pre></td></tr></table></figure>
+<h4 id="start-debugger"><a href="#start-debugger" class="headerlink" title="start debugger"></a>start debugger</h4><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ weex debug</div></pre></td></tr></table></figure>
+<p>this command will start debug server and launch a chrome opening <code>DeviceList</code> page.<br>this page will display a qrcode ,you can use <code>Playground App</code> scan it for starting debug.</p>
+<h4 id="debug-we-vue-file"><a href="#debug-we-vue-file" class="headerlink" title="debug .we | .vue file"></a>debug <code>.we</code> | <code>.vue</code> file</h4><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ weex debug your_weex.vue</div></pre></td></tr></table></figure>
+<p>this command will compile <code>your_weex.we</code> to <code>your_weex.js</code>  and start the debug server as upon command.<br><code>your_weex.js</code> will deploy on the server and displayed in <code>DeviceList</code> page as  another qrcode contain the url of your_weex.js.</p>
+<p>.</p>
+<h4 id="start-debugger-with-a-directory-of-we-files"><a href="#start-debugger-with-a-directory-of-we-files" class="headerlink" title="start debugger with a directory of we files"></a>start debugger with a directory of we files</h4><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$weex debug your/we/path  -e index.we</div></pre></td></tr></table></figure>
+<p>this command will build every file in <code>your/we/path</code>and deploy them on the bundle server. your directory will mapping to  <a href="http://localhost:port/weex/" target="_blank" rel="external">http://localhost:port/weex/</a><br>use <code>-e</code> to set the entry of these bundles. and the url of <code>index.we</code> will display on device list page as another qrcode.</p>
+<h4 id="Features"><a href="#Features" class="headerlink" title="Features"></a>Features</h4><h5 id="Connect-devices"><a href="#Connect-devices" class="headerlink" title="Connect devices"></a>Connect devices</h5><p><img src="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png" alt="devtools-main"></p>
+<h5 id="Inspector"><a href="#Inspector" class="headerlink" title="Inspector"></a>Inspector</h5><p> Inspector can be used to show your <code>Element</code> \ <code>Network</code> \ <code>Console log</code> \ <code>ScreenCast</code> \ <code>BoxModel</code> \ <code>Native View</code> and so on.</p>
+<p><img src="https://img.alicdn.com/tps/TB1O.nwKFXXXXX8XpXXXXXXXXXX-1436-811.png" alt="devtools-inspector"></p>
+<h5 id="Element"><a href="#Element" class="headerlink" title="Element"></a>Element</h5><p><img src="https://img.alicdn.com/tps/TB1.02bKFXXXXXwaXXXXXXXXXXX-2880-1800.png" alt="inspector-element"></p>
+<h5 id="NetWork"><a href="#NetWork" class="headerlink" title="NetWork"></a>NetWork</h5><h5 id="show-the-total-time-and-latency"><a href="#show-the-total-time-and-latency" class="headerlink" title="show the total time and latency"></a>show the total time and latency</h5><p><img src="https://img.alicdn.com/tps/TB1NjO_KFXXXXcaaXXXXXXXXXXX-2880-1800.png" alt="inspector-network"></p>
+<h5 id="show-the-header-and-response"><a href="#show-the-header-and-response" class="headerlink" title="show the header and response"></a>show the header and response</h5><p><img src="https://img.alicdn.com/tps/TB1ck6lKFXXXXbZXFXXXXXXXXXX-2880-1800.png" alt="inspector-network"></p>
+<h5 id="Console"><a href="#Console" class="headerlink" title="Console"></a>Console</h5><p><img src="https://img.alicdn.com/tps/TB1a7HqKFXXXXXMXFXXXXXXXXXX-2880-1800.png" alt="inspector-console"></p>
+<h5 id="Resource"><a href="#Resource" class="headerlink" title="Resource"></a>Resource</h5><p><img src="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png" alt="inspector-resource"></p>
+<h4 id="Debugger"><a href="#Debugger" class="headerlink" title="Debugger"></a>Debugger</h4><p><img src="https://img.alicdn.com/tps/TB1aPTEKFXXXXXaXXXXXXXXXXXX-1436-813.png" alt="devtools-debugger"></p>
+<h5 id="Breakpoint-and-CallStack"><a href="#Breakpoint-and-CallStack" class="headerlink" title="Breakpoint and CallStack"></a>Breakpoint and CallStack</h5><p><img src="https://img.alicdn.com/tps/TB1_trbKFXXXXc0XVXXXXXXXXXX-2880-1800.png" alt="debugger-breakpoint"></p>
+<h4 id="Integrate-devtools"><a href="#Integrate-devtools" class="headerlink" title="Integrate devtools"></a>Integrate devtools</h4><ul>
+<li>Android<ul>
+<li>See the doc <a href="../../references/advanced/integrate-devtool-to-android.html">Weex devtools (Android)</a>, it will lead you to config and use it step by step.</li>
+</ul>
+</li>
+<li>IOS<ul>
+<li>See the doc <a href="../../references/advanced/integrate-devtool-to-ios.html">Weex devtools (IOS)</a>, it will lead you to config and use it step by step.</li>
+</ul>
+</li>
+</ul>
+<h3 id="weex-toolkit-extends-weexpack-command"><a href="#weex-toolkit-extends-weexpack-command" class="headerlink" title="weex-toolkit extends weexpack command"></a>weex-toolkit extends weexpack command</h3><p><a href="https://github.com/weexteam/weex-pack" target="_blank" rel="external">weexpack</a> helps to setup Weex application from scratch quickly. With simple commands, developers could create a Weex project, add different platform template, could install plugins from local, GitHub or Weex market, could pack up his application project and run on mobile. For those who would like to share his own plugins, he could publish them to the Weex market.</p>
+<p>Now weex-toolkit can run the same commands of <code>weexpack</code> because of the new architecture. If your directory is generated by <code>weexpack</code>, you can build your iOS or android app.</p>
+<h3 id="weex-platform-and-run-commands"><a href="#weex-platform-and-run-commands" class="headerlink" title="weex platform and run commands"></a>weex platform and run commands</h3><p>Use <code>platform add|remove</code> to add or remove Weex app template and run it in your target devices.</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex platform add ios</div></pre></td></tr></table></figure>
+<p>If you use these commands firstly, you might see the prompt. Just enter Y.</p>
+<p><img src="https://gw.alicdn.com/tfs/TB19n4AQXXXXXawXVXXXXXXXXXX-577-70.png" alt="install weexpack"></p>
+<p>Then run platform, you will see an iPhone simulator.</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex run ios</div></pre></td></tr></table></figure>
+<h3 id="weex-plugin-commands"><a href="#weex-plugin-commands" class="headerlink" title="weex plugin commands"></a>weex plugin commands</h3><p>If you want to use some plugins on the <a href="https://market.dotwe.org" target="_blank" rel="external">weex market</a>, weex-toolkit is the right choice.</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex plugin add plugin_name</div></pre></td></tr></table></figure>
+<p>You need to specify the plugin name from market like \u201cweex-chart\u201d:</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex plugin add weex-chart</div></pre></td></tr></table></figure>
+<p>Remove some plugins(eg: weex-chart):</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ weex plugin remove weex-chart</div></pre></td></tr></table></figure>
+<p>Learn more about <a href="https://github.com/weexteam/weex-pack" target="_blank" rel="external">weexpack</a> .</p>
+
+  </div>
+  
+</article>
+</div>
+  
+  <footer id="footer">
+  <div class="row clearfix">
+    <div class="ali-logo">
+      <img src="//gw.alicdn.com/tps/TB1Ef93PXXXXXaXXpXXXXXXXXXX-252-126.png" alt="Alibaba">
+    </div>
+    <div class="dropdown select-lang">
+      <a href="javascript:;" class="dropdown-toggle">
+        Language
+        <span class="caret"></span>
+      </a>
+      <ul class="dropdown-menu pick-lang">
+        <li>
+          <a href="/guide/tools/toolkit.html" data-lang="en">English</a>
+        </li>
+        <li>
+          <a href="/cn/guide/tools/toolkit.html" data-lang="zh-cn">\u4e2d\u6587</a>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <div class="row">
+    <p><span>Released under </span><a href="">Apache License 2.0</a></p>
+  </div>
+  <div class="row clearfix">
+    <div class="cell"><span>Copyright(c) 2016 </span><a href="https://www.alibaba.com">Alibaba</a></div>
+    <div class="cell"><span>Designed by </span><a href="">\u963f\u91cc\u4e91UED AX</a></div>
+  </div>
+</footer>
+  <div style="display: none;">
+  <script src="//s95.cnzz.com/z_stat.php?id=1261496509&web_id=1261496509" language="JavaScript"></script>
+</div>
+
+  <script src="/js/reqwest.js"></script>
+  <script src="/js/common.js"></script>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/references/advanced/extend-jsfm.html
----------------------------------------------------------------------
diff --git a/references/advanced/extend-jsfm.html b/references/advanced/extend-jsfm.html
index cb735f1..731baf2 100644
--- a/references/advanced/extend-jsfm.html
+++ b/references/advanced/extend-jsfm.html
@@ -477,11 +477,11 @@ Weex wants to be able to respect as many developer devel">
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -546,19 +546,19 @@ Weex wants to be able to respect as many developer devel">
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -674,12 +674,12 @@ Weex wants to be able to respect as many developer devel">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1065,11 +1065,11 @@ Weex wants to be able to respect as many developer devel">
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -1134,19 +1134,19 @@ Weex wants to be able to respect as many developer devel">
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1262,12 +1262,12 @@ Weex wants to be able to respect as many developer devel">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/references/advanced/extend-to-android.html
----------------------------------------------------------------------
diff --git a/references/advanced/extend-to-android.html b/references/advanced/extend-to-android.html
index 4f015d5..91c052a 100644
--- a/references/advanced/extend-to-android.html
+++ b/references/advanced/extend-to-android.html
@@ -474,11 +474,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -543,19 +543,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -671,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1062,11 +1062,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -1131,19 +1131,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1259,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/references/advanced/extend-to-html5.html
----------------------------------------------------------------------
diff --git a/references/advanced/extend-to-html5.html b/references/advanced/extend-to-html5.html
index c6f8c18..6926ff4 100644
--- a/references/advanced/extend-to-html5.html
+++ b/references/advanced/extend-to-html5.html
@@ -474,11 +474,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -543,19 +543,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -671,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1062,11 +1062,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -1131,19 +1131,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1259,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/references/advanced/extend-to-ios.html
----------------------------------------------------------------------
diff --git a/references/advanced/extend-to-ios.html b/references/advanced/extend-to-ios.html
index bf983cd..9268ad5 100644
--- a/references/advanced/extend-to-ios.html
+++ b/references/advanced/extend-to-ios.html
@@ -474,11 +474,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -543,19 +543,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -671,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1062,11 +1062,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -1131,19 +1131,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1259,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/references/advanced/index.html
----------------------------------------------------------------------
diff --git a/references/advanced/index.html b/references/advanced/index.html
index 7251f66..d2225d9 100644
--- a/references/advanced/index.html
+++ b/references/advanced/index.html
@@ -492,11 +492,11 @@ Integrate Devtool to iOS">
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -561,19 +561,19 @@ Integrate Devtool to iOS">
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -689,12 +689,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1080,11 +1080,11 @@ Integrate Devtool to iOS">
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -1149,19 +1149,19 @@ Integrate Devtool to iOS">
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1277,12 +1277,12 @@ Integrate Devtool to iOS">
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/references/advanced/integrate-devtool-to-android.html
----------------------------------------------------------------------
diff --git a/references/advanced/integrate-devtool-to-android.html b/references/advanced/integrate-devtool-to-android.html
index 252194b..fe06675 100644
--- a/references/advanced/integrate-devtool-to-android.html
+++ b/references/advanced/integrate-devtool-to-android.html
@@ -474,11 +474,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -543,19 +543,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -671,12 +671,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1062,11 +1062,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -1131,19 +1131,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1259,12 +1259,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>

http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/18474d92/references/advanced/integrate-devtool-to-ios.html
----------------------------------------------------------------------
diff --git a/references/advanced/integrate-devtool-to-ios.html b/references/advanced/integrate-devtool-to-ios.html
index 56fb6bb..efe6ebc 100644
--- a/references/advanced/integrate-devtool-to-ios.html
+++ b/references/advanced/integrate-devtool-to-ios.html
@@ -478,11 +478,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -547,19 +547,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -675,12 +675,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>
@@ -1066,11 +1066,11 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
+                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
               </li>
             
               <li>
-                <a href="/references/components/indicator.html" class="sidebar-link  ">&lt;indicator&gt;</a>
+                <a href="/references/components/a.html" class="sidebar-link  ">&lt;a&gt;</a>
               </li>
             
               <li>
@@ -1135,19 +1135,19 @@
           <ul class="chapter">
             
               <li>
-                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
+                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
               </li>
             
               <li>
-                <a href="/references/modules/globalevent.html" class="sidebar-link  ">globalEvent</a>
+                <a href="/references/modules/animation.html" class="sidebar-link  ">animation</a>
               </li>
             
               <li>
-                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
+                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
               </li>
             
               <li>
-                <a href="/references/modules/websocket.html" class="sidebar-link  ">WebSocket</a>
+                <a href="/references/modules/picker.html" class="sidebar-link  ">picker</a>
               </li>
             
               <li>
@@ -1263,12 +1263,12 @@
       </li>
     
       <li>
-        <h3 class="chapter-title"><a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a></h3>
+        <h3 class="chapter-title"><a href="/references/migration/index.html" class="sidebar-link  ">Migration</a></h3>
         
           <ul class="chapter">
             
               <li>
-                <a href="/references/migration/index.html" class="sidebar-link  ">Migration</a>
+                <a href="/references/platfrom-difference.html" class="sidebar-link  ">Platform Differences Between Weex and Web</a>
               </li>
             
               <li>