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 “permission error”, 
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 
“awesome-project”. 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"> <!-- 搜索框相关 -->
+    <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">中文</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"> <!-- 搜索框相关 -->
+    <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 “weex” 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’ll 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 “weex-chart”:</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">中文</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="">阿里云UED 
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>


Reply via email to