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/10 10:08:24 UTC
[46/51] [partial] incubator-weex-site git commit: Site updated:
2017-03-10 18:07:21
http://git-wip-us.apache.org/repos/asf/incubator-weex-site/blob/95bb2077/cn/guide/set-up-env.html
----------------------------------------------------------------------
diff --git a/cn/guide/set-up-env.html b/cn/guide/set-up-env.html
new file mode 100644
index 0000000..1ef9b20
--- /dev/null
+++ b/cn/guide/set-up-env.html
@@ -0,0 +1,556 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+
+ <title>\u642d\u5efa\u5f00\u53d1\u73af\u5883 | Weex</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <meta name="description" content="\u642d\u5efa\u5f00\u53d1\u73af\u5883\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u8282\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002
+\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c Weex CLi\u3002
+\u5b89\u88c5 Node.js \u65b9\u5f0f\u591a\u79cd\u591a\u6837\uff0c\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u662f\u5728 Node.js">
+<meta property="og:type" content="website">
+<meta property="og:title" content="\u642d\u5efa\u5f00\u53d1\u73af\u5883">
+<meta property="og:url" content="https://weex.apache.org/cn/guide/set-up-env.html">
+<meta property="og:site_name" content="Weex">
+<meta property="og:description" content="\u642d\u5efa\u5f00\u53d1\u73af\u5883\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u8282\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002
+\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c Weex CLi\u3002
+\u5b89\u88c5 Node.js \u65b9\u5f0f\u591a\u79cd\u591a\u6837\uff0c\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u662f\u5728 Node.js">
+<meta property="og:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
+<meta property="og:updated_time" content="2017-03-10T09:09:41.000Z">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="\u642d\u5efa\u5f00\u53d1\u73af\u5883">
+<meta name="twitter:description" content="\u642d\u5efa\u5f00\u53d1\u73af\u5883\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u8282\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002
+\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c Weex CLi\u3002
+\u5b89\u88c5 Node.js \u65b9\u5f0f\u591a\u79cd\u591a\u6837\uff0c\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u662f\u5728 Node.js">
+<meta name="twitter:image" content="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg">
+
+ <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-cn">
+
+ <script>
+ window.PAGE_TYPE = "guide";
+ window.ROOT = "/"
+ </script>
+ <header id="header">
+ <div class="navbar">
+ <a id="logo" href="/cn/">
+ <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
+ </a>
+ <div class="main-nav">
+ <ul class="links">
+ <li><a href="/cn/guide">\u6559\u7a0b</a></li>
+ <li><a href="/cn/references">\u624b\u518c</a></li>
+ <li><a href="/cn/faq.html">FAQ</a></li>
+ <li class="dropdown">
+ <a href="javascript:;">\u4e0b\u8f7d</a>
+ <ul class="dropdown-menu subnav">
+ <li>
+ <a href="/cn/playground.html">Playground</a>
+ </li>
+ <li>
+ <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+ </li>
+ <li>
+ <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+ </li>
+ <li>
+ <a href="http://dotwe.org" target="_blank">Snippets</a>
+ </li>
+ <li>
+ <a href="https://market.weex-project.io/" target="_blank">Market</a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ <ul class="info">
+ <li><a href="https://github.com/alibaba/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/set-up-env.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/guide/set-up-env.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="/cn/">
+ <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">
+
+ \u6559\u7a0b
+
+ </h2>
+ <ul class="doc-summary">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">\u5feb\u901f\u4e0a\u624b</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link current ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">\u5468\u8fb9\u5de5\u5177</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/tools/devtools.html" class="sidebar-link ">\u4f7f\u7528 Devtools</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/tools/weexpack.html" class="sidebar-link ">\u4f7f\u7528 Weexpack</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">\u4ecb\u7ecd</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">\u5de5\u4f5c\u539f\u7406</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web \u5f00\u53d1\u4f53\u9a8c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex \u9875\u9762\u7ed3\u6784</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
+
+ </li>
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</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">
+
+ \u6559\u7a0b
+
+ </h2>
+ <ul class="doc-summary">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">\u5feb\u901f\u4e0a\u624b</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link current ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">\u5468\u8fb9\u5de5\u5177</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/tools/devtools.html" class="sidebar-link ">\u4f7f\u7528 Devtools</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/tools/weexpack.html" class="sidebar-link ">\u4f7f\u7528 Weexpack</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">\u4ecb\u7ecd</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">\u5de5\u4f5c\u539f\u7406</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web \u5f00\u53d1\u4f53\u9a8c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex \u9875\u9762\u7ed3\u6784</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
+
+ </li>
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</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">
+ \u642d\u5efa\u5f00\u53d1\u73af\u5883
+ </h1>
+
+
+ <time class="article-date" datetime="2017-03-10T09:09:41.000Z">Updated time: 10/03/2017</time>
+</header>
+ <h1 id="\u642d\u5efa\u5f00\u53d1\u73af\u5883"><a href="#\u642d\u5efa\u5f00\u53d1\u73af\u5883" class="headerlink" title="\u642d\u5efa\u5f00\u53d1\u73af\u5883"></a>\u642d\u5efa\u5f00\u53d1\u73af\u5883</h1><p>\u4f7f\u7528 dotWe \u5bf9 Weex \u5c1d\u9c9c\u662f\u4e00\u4e2a\u4e0d\u9519\u7684\u9009\u62e9\uff0c\u4f46\u5982\u679c\u4f60\u60f3\u66f4\u4e13\u4e1a\u7684\u5f00\u53d1 Weex\uff0c dotWe \u5c31\u4e0d\u600e\u4e48\u591f\u7528\u4e86\u3002\u672c\u8282\u4f1a\u6559\u4f60\u5982\u4f55\u642d\u5efa\u672c\u5730\u5f00\u53d1\u73af\u5883\u8fdb\u884c Weex \u5f00\u53d1\u3002</p>
+<h2 id="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"><a href="#\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56" class="headerlink" title="\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56"></a>\u7b2c\u4e00\u6b65\uff1a\u5b89\u88c5\u4f9d\u8d56</h2><p>Weex \u5b98\u65b9\u63d0\u4f9b\u4e86 weex-toolkit \u7684\u811a\u624b\u67b6\u5de5\u5177\u6765\u8f85\u52a9\u5f00\u53d1\u548c\u8c03\u8bd5\u3002\u9996\u5148\uff0c\u4f60\u9700\u8981 Node.js \u548c <a href="https://github.com/weexteam/weex-toolkit" target="_blank" rel="external">Weex CLi</a>\u3002</p>
+<p>\u5b89\u88c5 Node.js \u65b9\u5f0f\u591a\u79cd\u591a\u6837\uff0c\u6700\u7b80\u5355\u7684\u65b9\u5f0f\u662f\u5728 <a href="https://nodejs.org/en/" target="_blank" rel="external">Node.js \u5b98\u7f51</a> \u4e0b\u8f7d\u53ef\u6267\u884c\u7a0b\u5e8f\u76f4\u63a5\u5b89\u88c5\u5373\u53ef\u3002</p>
+<p>\u5bf9\u4e8e Mac\uff0c\u53ef\u4ee5\u4f7f\u7528 <a href="http://brew.sh/" target="_blank" rel="external">Homebrew</a> \u8fdb\u884c\u5b89\u88c5\uff1a</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">brew install node</div></pre></td></tr></table></figure>
+<blockquote>
+<p>\u66f4\u591a\u5b89\u88c5\u65b9\u5f0f\u53ef\u53c2\u8003 <a href="https://nodejs.org/en/download/" target="_blank" rel="external">Node.js \u5b98\u65b9\u4fe1\u606f</a></p>
+</blockquote>
+<p>\u5b89\u88c5\u5b8c\u6210\u540e\uff0c\u53ef\u4ee5\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u68c0\u6d4b\u662f\u5426\u5b89\u88c5\u6210\u529f\uff1a</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ node -v</div><div class="line">v6.3.1</div><div class="line">$ npm -v</div><div class="line">3.10.3</div></pre></td></tr></table></figure>
+<p>\u901a\u5e38\uff0c\u5b89\u88c5\u4e86 Node.js \u73af\u5883\uff0cnpm \u5305\u7ba1\u7406\u5de5\u5177\u4e5f\u968f\u4e4b\u5b89\u88c5\u4e86\u3002\u56e0\u6b64\uff0c\u76f4\u63a5\u4f7f\u7528 npm \u6765\u5b89\u88c5 weex-toolkit\u3002</p>
+<blockquote>
+<p>npm \u662f\u4e00\u4e2a JavaScript \u5305\u7ba1\u7406\u5de5\u5177\uff0c\u5b83\u53ef\u4ee5\u8ba9\u5f00\u53d1\u8005\u8f7b\u677e\u5171\u4eab\u548c\u91cd\u7528\u4ee3\u7801\u3002Weex \u5f88\u591a\u4f9d\u8d56\u6765\u81ea\u793e\u533a\uff0c\u540c\u6837\uff0cWeex \u4e5f\u5c06\u5f88\u591a\u5de5\u5177\u53d1\u5e03\u5230\u793e\u533a\u65b9\u4fbf\u5f00\u53d1\u8005\u4f7f\u7528\u3002</p>
+</blockquote>
+<p><strong>\u6ce8\u610f: </strong> weex-toolkit \u5728 1.0.1 \u4e4b\u540e\u624d\u652f\u6301\u521d\u59cb\u5316 Vue \u9879\u76ee\uff0c\u4f7f\u7528\u524d\u8bf7\u786e\u8ba4\u7248\u672c\u662f\u5426\u6b63\u786e\u3002</p>
+<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>\u56fd\u5185\u5f00\u53d1\u8005\u53ef\u4ee5\u8003\u8651\u4f7f\u7528\u6dd8\u5b9d\u7684 npm \u955c\u50cf \u2014\u2014 <a href="https://npm.taobao.org/" target="_blank" rel="external">cnpm</a> \u5b89\u88c5 weex-toolkit</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ npm install -g cnpm --registry=https://registry.npm.taobao.org</div><div class="line">$ cnpm install -g weex-toolkit</div></pre></td></tr></table></figure>
+<p><em>\u63d0\u793a\uff1a</em></p>
+<p>\u5982\u679c\u63d0\u793a\u6743\u9650\u9519\u8bef\uff08<em>permission error</em>\uff09\uff0c\u4f7f\u7528 <code>sudo</code> \u5173\u952e\u5b57\u8fdb\u884c\u5b89\u88c5</p>
+<figure class="highlight bash"><table><tr><td class="code"><pre><div class="line">$ sudo cnpm install -g weex-toolkit</div></pre></td></tr></table></figure>
+<p>\u5b89\u88c5\u7ed3\u675f\u540e\u4f60\u53ef\u4ee5\u76f4\u63a5\u4f7f\u7528 <code>weex</code> \u547d\u4ee4\u9a8c\u8bc1\u662f\u5426\u5b89\u88c5\u6210\u529f\uff0c\u5b83\u4f1a\u663e\u793a <code>weex</code> \u547d\u4ee4\u884c\u5de5\u5177\u5404\u53c2\u6570\uff1a</p>
+<p><img src="https://img.alicdn.com/tps/TB1kHFrOFXXXXaYXXXXXXXXXXXX-615-308.jpg" alt=""></p>
+<h2 id="\u7b2c\u4e8c\u6b65\uff1a\u521d\u59cb\u5316"><a href="#\u7b2c\u4e8c\u6b65\uff1a\u521d\u59cb\u5316" class="headerlink" title="\u7b2c\u4e8c\u6b65\uff1a\u521d\u59cb\u5316"></a>\u7b2c\u4e8c\u6b65\uff1a\u521d\u59cb\u5316</h2><p>\u7136\u540e\u521d\u59cb\u5316 Weex \u9879\u76ee\uff1a</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>\u6267\u884c\u5b8c\u547d\u4ee4\u540e\uff0c\u5728 <code>awesome-project</code> \u76ee\u5f55\u4e2d\u5c31\u521b\u5efa\u4e86\u4e00\u4e2a\u4f7f\u7528 Weex \u548c Vue \u7684\u6a21\u677f\u9879\u76ee\u3002</p>
+<h2 id="\u7b2c\u4e09\u6b65\uff1a\u5f00\u53d1"><a href="#\u7b2c\u4e09\u6b65\uff1a\u5f00\u53d1" class="headerlink" title="\u7b2c\u4e09\u6b65\uff1a\u5f00\u53d1"></a>\u7b2c\u4e09\u6b65\uff1a\u5f00\u53d1</h2><p>\u4e4b\u540e\u6211\u4eec\u8fdb\u5165\u9879\u76ee\u6240\u5728\u8def\u5f84\uff0cweex-toolkit \u5df2\u7ecf\u4e3a\u6211\u4eec\u751f\u6210\u4e86\u6807\u51c6\u9879\u76ee\u7ed3\u6784\u3002</p>
+<p>\u5728 <code>package.json</code> \u4e2d\uff0c\u5df2\u7ecf\u914d\u7f6e\u597d\u4e86\u51e0\u4e2a\u5e38\u7528\u7684 npm script\uff0c\u5206\u522b\u662f\uff1a</p>
+<ul>
+<li><code>build</code>: \u6e90\u7801\u6253\u5305\uff0c\u751f\u6210 JS Bundle</li>
+<li><code>dev</code>: webpack watch \u6a21\u5f0f\uff0c\u65b9\u4fbf\u5f00\u53d1</li>
+<li><code>serve</code>: \u5f00\u542f\u9759\u6001\u670d\u52a1\u5668</li>
+<li><code>debug</code>: \u8c03\u8bd5\u6a21\u5f0f</li>
+</ul>
+<p>\u6211\u4eec\u5148\u901a\u8fc7 <code>npm install</code> \u5b89\u88c5\u9879\u76ee\u4f9d\u8d56\u3002\u4e4b\u540e\u8fd0\u884c <code>npm run dev</code> \u548c <code>npm run serve</code> \u5f00\u542fwatch \u6a21\u5f0f\u548c\u9759\u6001\u670d\u52a1\u5668\u3002</p>
+<p>\u7136\u540e\u6211\u4eec\u6253\u5f00\u6d4f\u89c8\u5668\uff0c\u8fdb\u5165 <code>http://localhost:8080/index.html</code> \u5373\u53ef\u770b\u5230 weex h5 \u9875\u9762\u3002 </p>
+<p>\u521d\u59cb\u5316\u65f6\u5df2\u7ecf\u4e3a\u6211\u4eec\u521b\u5efa\u4e86\u57fa\u672c\u7684\u793a\u4f8b\uff0c\u6211\u4eec\u53ef\u4ee5\u5728 <code>src/foo.vue</code> \u4e2d\u67e5\u770b\u3002</p>
+<p>\u4ee3\u7801\u5982\u4e0b\u6240\u793a\uff1a</p>
+<figure class="highlight html"><table><tr><td class="code"><pre><div class="line"><span class="tag"><<span class="name">template</span>></span></div><div class="line"> <span class="tag"><<span class="name">div</span> <span class="attr">class</span>=<span class="string">"wrapper"</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"weex"</span>></span>Hello Weex !<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"><<span class="name">text</span> <span class="attr">class</span>=<span class="string">"vue"</span>></span>Hello Vue !<span class="tag"></<span class="name">text</span>></span></div><div class="line"> <span class="tag"></<span class="name">div</span>></span></div><div class="line"><span class="tag"></<span class="name">template</span>></span></div><div class="line"></div><div class="l
ine"><span class="tag"><<span class="name">style</span> <span class="attr">scoped</span>></span><span class="css"></span></div><div class="line"> <span class="selector-class">.wrapper</span> {</div><div class="line"> <span class="attribute">flex-direction</span>: column;</div><div class="line"> <span class="attribute">justify-content</span>: center;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.weex</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line"> <span class="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#1B90F7</span>;</div><div class="line"> }</div><div class="line"> <span class="selector-class">.vue</span> {</div><div class="line"> <span class="attribute">font-size</span>: <span class="number">60px</span>;</div><div class="line"> <span cl
ass="attribute">text-align</span>: center;</div><div class="line"> <span class="attribute">margin-top</span>: <span class="number">30px</span>;</div><div class="line"> <span class="attribute">color</span>: <span class="number">#41B883</span>;</div><div class="line"> }</div><div class="line"><span class="tag"></<span class="name">style</span>></span></div></pre></td></tr></table></figure>
+<p>\u5173\u4e8e Weex \u8bed\u6cd5\u90e8\u5206\uff0c\u4f60\u53ef\u4ee5\u76f4\u63a5\u53c2\u8003 <a href="https://vuejs.org/v2/guide/" target="_blank" rel="external">Vue Guide</a>\uff0c\u8fd9\u91cc\u4e0d\u518d\u91cd\u590d\u4ecb\u7ecd\u3002\u5982\u679c\u60a8\u60f3\u4e86\u89e3\u6709\u5173\u6280\u672f\u8be6\u60c5\u7684\u66f4\u591a\u4fe1\u606f\uff0c\u8bf7\u7ee7\u7eed\u9605\u8bfb\u4e0b\u4e00\u8282\u3002\u5e76\u4e14\u4e0d\u8981\u5fd8\u8bb0\u5728 dotWe \u5199\u4ee3\u7801\u5e76\u968f\u65f6\u9884\u89c8\u3002</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/set-up-env.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/guide/set-up-env.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=1261102667&web_id=1261102667" 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/95bb2077/cn/guide/tools/devtools.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/devtools.html b/cn/guide/tools/devtools.html
new file mode 100644
index 0000000..e3a0070
--- /dev/null
+++ b/cn/guide/tools/devtools.html
@@ -0,0 +1,573 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+
+ <title>\u4f7f\u7528 Devtools | Weex</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <meta name="description" content="Devtoolsweex devtools \u662f\u4e13\u95e8\u4e3a Weex \u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86 Chrome Debugging Protocol \u7684 inspect/debug \u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770b app \u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5 weex \u4e2d\u7684 Javascript \u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301 iOS \u548c Android \u4e24\u4e2a\u5e73\u53f0\u3002
+
+\u652f\u6301 Android \u548c iOS \u8c03\u8bd5
+\u652f\u6301\u771f\u673a\u548c\u6a21\u62df\u5668
+\u53ef\u4ee5\u68c0\u67e5 native Ele">
+<meta property="og:type" content="website">
+<meta property="og:title" content="\u4f7f\u7528 Devtools">
+<meta property="og:url" content="https://weex.apache.org/cn/guide/tools/devtools.html">
+<meta property="og:site_name" content="Weex">
+<meta property="og:description" content="Devtoolsweex devtools \u662f\u4e13\u95e8\u4e3a Weex \u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86 Chrome Debugging Protocol \u7684 inspect/debug \u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770b app \u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5 weex \u4e2d\u7684 Javascript \u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301 iOS \u548c Android \u4e24\u4e2a\u5e73\u53f0\u3002
+
+\u652f\u6301 Android \u548c iOS \u8c03\u8bd5
+\u652f\u6301\u771f\u673a\u548c\u6a21\u62df\u5668
+\u53ef\u4ee5\u68c0\u67e5 native Ele">
+<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:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="\u4f7f\u7528 Devtools">
+<meta name="twitter:description" content="Devtoolsweex devtools \u662f\u4e13\u95e8\u4e3a Weex \u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86 Chrome Debugging Protocol \u7684 inspect/debug \u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770b app \u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5 weex \u4e2d\u7684 Javascript \u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301 iOS \u548c Android \u4e24\u4e2a\u5e73\u53f0\u3002
+
+\u652f\u6301 Android \u548c iOS \u8c03\u8bd5
+\u652f\u6301\u771f\u673a\u548c\u6a21\u62df\u5668
+\u53ef\u4ee5\u68c0\u67e5 native Ele">
+<meta name="twitter:image" content="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.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-cn">
+
+ <script>
+ window.PAGE_TYPE = "guide";
+ window.ROOT = "/"
+ </script>
+ <header id="header">
+ <div class="navbar">
+ <a id="logo" href="/cn/">
+ <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
+ </a>
+ <div class="main-nav">
+ <ul class="links">
+ <li><a href="/cn/guide">\u6559\u7a0b</a></li>
+ <li><a href="/cn/references">\u624b\u518c</a></li>
+ <li><a href="/cn/faq.html">FAQ</a></li>
+ <li class="dropdown">
+ <a href="javascript:;">\u4e0b\u8f7d</a>
+ <ul class="dropdown-menu subnav">
+ <li>
+ <a href="/cn/playground.html">Playground</a>
+ </li>
+ <li>
+ <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+ </li>
+ <li>
+ <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+ </li>
+ <li>
+ <a href="http://dotwe.org" target="_blank">Snippets</a>
+ </li>
+ <li>
+ <a href="https://market.weex-project.io/" target="_blank">Market</a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ <ul class="info">
+ <li><a href="https://github.com/alibaba/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/devtools.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/guide/tools/devtools.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="/cn/">
+ <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">
+
+ \u6559\u7a0b
+
+ </h2>
+ <ul class="doc-summary">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">\u5feb\u901f\u4e0a\u624b</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">\u5468\u8fb9\u5de5\u5177</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/tools/devtools.html" class="sidebar-link current ">\u4f7f\u7528 Devtools</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/tools/weexpack.html" class="sidebar-link ">\u4f7f\u7528 Weexpack</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">\u4ecb\u7ecd</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">\u5de5\u4f5c\u539f\u7406</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web \u5f00\u53d1\u4f53\u9a8c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex \u9875\u9762\u7ed3\u6784</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
+
+ </li>
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</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">
+
+ \u6559\u7a0b
+
+ </h2>
+ <ul class="doc-summary">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">\u5feb\u901f\u4e0a\u624b</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link ">\u5468\u8fb9\u5de5\u5177</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/tools/devtools.html" class="sidebar-link current ">\u4f7f\u7528 Devtools</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/tools/weexpack.html" class="sidebar-link ">\u4f7f\u7528 Weexpack</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">\u4ecb\u7ecd</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">\u5de5\u4f5c\u539f\u7406</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web \u5f00\u53d1\u4f53\u9a8c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex \u9875\u9762\u7ed3\u6784</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
+
+ </li>
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</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">
+ \u4f7f\u7528 Devtools
+ </h1>
+
+
+ <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+</header>
+ <h1 id="Devtools"><a href="#Devtools" class="headerlink" title="Devtools"></a>Devtools</h1><p><strong>weex devtools</strong> \u662f\u4e13\u95e8\u4e3a Weex \u5b9a\u5236\u7684\u4e00\u6b3e\u5b9e\u73b0\u4e86 <a href="https://developer.chrome.com/devtools/docs/debugger-protocol" target="_blank" rel="external"><strong>Chrome Debugging Protocol</strong></a> \u7684 inspect/debug \u5de5\u5177\uff0c\u80fd\u591f\u5e2e\u52a9\u4f60\u5feb\u901f\u67e5\u770b app \u8fd0\u884c\u72b6\u6001\u548c\u8c03\u8bd5 weex \u4e2d\u7684 Javascript \u4ee3\u7801\uff0c\u5f53\u524d\u652f\u6301 <strong>iOS</strong> \u548c <strong>Android</strong> \u4e24\u4e2a\u5e73\u53f0\u3002</p>
+<ol>
+<li>\u652f\u6301 Android \u548c iOS \u8c03\u8bd5</li>
+<li>\u652f\u6301\u771f\u673a\u548c\u6a21\u62df\u5668</li>
+<li>\u53ef\u4ee5\u68c0\u67e5 native Elements, vdom, network, Console, Resource</li>
+<li>\u53ef\u4ee5\u8c03\u8bd5 js/wx/Rx \u7b49\u524d\u7aef\u6e90\u7801\u6587\u4ef6</li>
+<li>\u652f\u6301\u540c\u65f6\u5728\u524d\u7aef\u6587\u4ef6\u548c native (Android\uff0fiOS) \u6587\u4ef6\u4e0a\u65ad\u70b9\u8c03\u8bd5</li>
+<li>\u652f\u6301\u8fdc\u7a0b\u8c03\u8bd5\uff0c\u4e0d\u9700\u8981\u771f\u673a USB \u8fde\u63a5\u7535\u8111</li>
+<li>\u652f\u6301 screencast \u548c select element \u529f\u80fd</li>
+<li>\u652f\u6301\u540c\u65f6\u8c03\u8bd5\u591a\u4e2a\u5e94\u7528\u548c\u5ba2\u6237\u7aef</li>
+</ol>
+<h2 id="\u5b89\u88c5"><a href="#\u5b89\u88c5" class="headerlink" title="\u5b89\u88c5"></a>\u5b89\u88c5</h2><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ npm install -g weex-toolkit</div></pre></td></tr></table></figure>
+<h2 id="\u7528\u6cd5"><a href="#\u7528\u6cd5" class="headerlink" title="\u7528\u6cd5"></a>\u7528\u6cd5</h2><p> weex debug [options] [we_file|bundles_dir]</p>
+<p> \u9009\u9879:</p>
+<figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">-h, --help \u663e\u793a\u5e2e\u52a9</div><div class="line">-V, --verbose \u663e\u793a debug \u670d\u52a1\u5668\u8fd0\u884c\u65f6\u7684\u5404\u79cd log</div><div class="line">-v, --version \u663e\u793a\u7248\u672c</div><div class="line">-p, --port [port] \u8bbe\u7f6e debug \u670d\u52a1\u5668\u7aef\u53e3\u53f7 \u9ed8\u8ba4\u4e3a 8088</div><div class="line">-e, --entry [entry] debug \u4e00\u4e2a\u76ee\u5f55\u65f6,\u8fd9\u4e2a\u53c2\u6570\u6307\u5b9a\u6574\u4e2a\u76ee\u5f55\u7684\u5165\u53e3 bundle \u6587\u4ef6,\u8fd9\u4e2a bundle \u6587\u4ef6\u7684\u5730\u5740\u4f1a\u663e\u793a\u5728debug\u4e3b\u9875\u4e0a(\u4f5c\u4e3a\u4e8c\u7ef4\u7801)</div><div class="line">-m, --mode [mode] \u8bbe\u7f6e\u6784\u5efawe\u6587\u4ef6\u7684\u65b9\u5f0f, transformer \u6700\u57fa\u7840\u7684\u98ce\u683c\u9002\u5408\u5355\u6587\u4ef6, loader:wepack \u98ce\u683c \u9002\u5408\u6a21\u5757\u5316\u7684\u591a\u6587\u4ef6\u3002\u9ed8\u8ba4\u4e3a transformer</div></pre></td></tr></table></figure>
+<h4 id="\u5f00\u542f\u8c03\u8bd5"><a href="#\u5f00\u542f\u8c03\u8bd5" class="headerlink" title="\u5f00\u542f\u8c03\u8bd5"></a>\u5f00\u542f\u8c03\u8bd5</h4><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$ weex debug</div></pre></td></tr></table></figure>
+<p>\u5355\u7eaf\u542f\u52a8\u4e00\u4e2a\u8c03\u8bd5\u670d\u52a1\u5668,\u5e76\u540c\u65f6\u5524\u8d77chrome\u6d4f\u89c8\u5668\u6253\u5f00<code>\u8c03\u8bd5\u4e3b\u9875</code>.<br>\u8fd9\u4e2a<code>\u8c03\u8bd5\u4e3b\u9875</code>\u4e0a\u4f1a\u6709\u4e00\u4e2a\u4e8c\u7ef4\u7801,\u4f7f\u7528Playground App\u626b\u8fd9\u4e2a\u4e8c\u7ef4\u7801\u53ef\u4ee5\u5f00\u542fPlayground\u8c03\u8bd5.<br>\u5f00\u542f\u8c03\u8bd5\u540e,\u8bbe\u5907\u5217\u8868\u4e2d\u4f1a\u51fa\u73b0\u60a8\u7684\u8bbe\u5907,\u6839\u636e\u63d0\u793a\u8fdb\u884c\u540e\u7eed\u7684\u8c03\u8bd5\u64cd\u4f5c</p>
+<h4 id="\u8c03\u8bd5-we\u6587\u4ef6"><a href="#\u8c03\u8bd5-we\u6587\u4ef6" class="headerlink" title="\u8c03\u8bd5 we\u6587\u4ef6"></a>\u8c03\u8bd5 we\u6587\u4ef6</h4><figure class="highlight plain"><table><tr><td class="code"><pre><div class="line">$weex debug your_weex.we</div></pre></td></tr></table></figure>
+<p>\u8fd9\u4e2a\u547d\u4ee4\u4f1a\u5c06your_weex.we\u7f16\u8bd1\u6210bundlejs\u6587\u4ef6 \u90e8\u7f72\u5230debug\u670d\u52a1\u5668<br>\u5e76\u542f\u52a8debug\u670d\u52a1\u5668\u5982\u4e0a\u8ff0\u547d\u4ee4\u90a3\u6837.\u6253\u5f00\u7684<code>\u8c03\u8bd5\u4e3b\u9875</code>\u4f1a\u591a\u663e\u793a\u4e00\u4e2a\u4e8c\u7ef4\u7801,\u4f7f\u7528playground app<br>\u626b\u8fd9\u4e2a\u7801\u53ef\u4ee5\u52a0\u8f7dyour_weex.we.(\u6ce8\u610f\u8981\u5148\u626b\u63cf\u5f00\u542f\u8c03\u8bd5\u7684\u90a3\u4e2a\u7801)<br>\u8fd9\u4e2a\u547d\u4ee4\u4f1a\u81ea\u52a8\u68c0\u6d4byour_weex.we\u6587\u4ef6\u53d8\u52a8,\u5982\u679c\u53d1\u73b0\u5185\u5bb9\u88ab\u4fee\u6539\u5219\u7acb\u5373\u91cd\u65b0\u7f16\u8bd1\u90e8\u7f72,\u5e76\u5237\u65b0debugger\u9875\u9762<br>.</p>
+<h4 id="\u8c03\u8bd5\u6574\u4e2abundle-we\u6587\u4ef6\u5939"><a href="#\u8c03\u8bd5\u6574\u4e2abundle-we\u6587\u4ef6\u5939" class="headerlink" title="\u8c03\u8bd5\u6574\u4e2abundle/we\u6587\u4ef6\u5939"></a>\u8c03\u8bd5\u6574\u4e2abundle/we\u6587\u4ef6\u5939</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>\u8fd9\u4e2a\u547d\u4ee4\u4f1a\u7f16\u8bd1\u4f60\u6307\u5b9a\u76ee\u5f55\u4e0b\u7684\u6240\u6709\u7684we\u6587\u4ef6,\u5e76\u628a\u7f16\u8bd1\u597d\u7684bundlejs\u90e8\u7f72\u5230debug\u670d\u52a1\u5668,\u4ed6\u4eec\u7684\u5730\u5740\u4f1a\u6620\u5c04\u5230 <a href="http://lcoalhost:8088/weex/" target="_blank" rel="external">http://lcoalhost:8088/weex/</a> \u4e0b<br>\u6bd4\u5982 your/we/path/<code>index.we</code> \u53ef\u4ee5\u901a\u8fc7<a href="http://lcoalhost:8088/weex/index.js\u8bbf\u95ee" target="_blank" rel="external">http://lcoalhost:8088/weex/index.js\u8bbf\u95ee</a><br>your/we/path/<code>demo/test.we</code> \u53ef\u4ee5\u901a\u8fc7<a href="http://lcoalhost:8088/weex/demo/index.js" target="_blank" rel="external">http://lcoalhost:8088/weex/demo/index.js</a> </p>
+<p>-e\u53c2\u6570\u53ef\u4ee5\u6307\u5b9a\u4e00\u4e2a\u5165\u53e3\u7684we\u6587\u4ef6,\u8fd9\u4e2a\u6587\u4ef6\u7684\u5730\u5740\u4f1a\u663e\u793a\u5728<code>\u8c03\u8bd5\u4e3b\u9875</code>\u4e0a(\u4f5c\u4e3a\u4e8c\u7ef4\u7801)</p>
+<h2 id="\u7279\u6027"><a href="#\u7279\u6027" class="headerlink" title="\u7279\u6027"></a>\u7279\u6027</h2><h3 id="\u8fde\u63a5\u8bbe\u5907"><a href="#\u8fde\u63a5\u8bbe\u5907" class="headerlink" title="\u8fde\u63a5\u8bbe\u5907"></a>\u8fde\u63a5\u8bbe\u5907</h3><p><img src="https://img.alicdn.com/tps/TB13fwSKFXXXXXDaXXXXXXXXXXX-887-828.png" alt="devtools-main"></p>
+<h3 id="Inspector"><a href="#Inspector" class="headerlink" title="Inspector"></a>Inspector</h3><p> Inspector \u80fd\u591f\u7528\u6765\u67e5\u770b <code>Element</code> \ <code>NetWork</code> \ <code>Console log</code> \ <code>ScreenCast</code> \ <code>BoxModel</code> \ <code>Native View</code> \u7b49\u3002</p>
+<p><img src="https://img.alicdn.com/tps/TB1O.nwKFXXXXX8XpXXXXXXXXXX-1436-811.png" alt="devtools-inspector"></p>
+<h4 id="Element"><a href="#Element" class="headerlink" title="Element"></a>Element</h4><p><img src="https://img.alicdn.com/tps/TB1.02bKFXXXXXwaXXXXXXXXXXX-2880-1800.png" alt="inspector-element"></p>
+<h4 id="NetWork"><a href="#NetWork" class="headerlink" title="NetWork"></a>NetWork</h4><h5 id="\u67e5\u770b\u7f51\u7edc\u8bf7\u6c42\u7684\u603b\u8017\u65f6\u548c\u5ef6\u65f6"><a href="#\u67e5\u770b\u7f51\u7edc\u8bf7\u6c42\u7684\u603b\u8017\u65f6\u548c\u5ef6\u65f6" class="headerlink" title="\u67e5\u770b\u7f51\u7edc\u8bf7\u6c42\u7684\u603b\u8017\u65f6\u548c\u5ef6\u65f6"></a>\u67e5\u770b\u7f51\u7edc\u8bf7\u6c42\u7684\u603b\u8017\u65f6\u548c\u5ef6\u65f6</h5><p><img src="https://img.alicdn.com/tps/TB1NjO_KFXXXXcaaXXXXXXXXXXX-2880-1800.png" alt="inspector-network"></p>
+<h5 id="\u67e5\u770b\u7f51\u7edc\u8bf7\u6c42\u7684header\u548cresponse"><a href="#\u67e5\u770b\u7f51\u7edc\u8bf7\u6c42\u7684header\u548cresponse" class="headerlink" title="\u67e5\u770b\u7f51\u7edc\u8bf7\u6c42\u7684header\u548cresponse"></a>\u67e5\u770b\u7f51\u7edc\u8bf7\u6c42\u7684header\u548cresponse</h5><p><img src="https://img.alicdn.com/tps/TB1ck6lKFXXXXbZXFXXXXXXXXXX-2880-1800.png" alt="inspector-network"></p>
+<h4 id="\u63a7\u5236\u53f0"><a href="#\u63a7\u5236\u53f0" class="headerlink" title="\u63a7\u5236\u53f0"></a>\u63a7\u5236\u53f0</h4><p><img src="https://img.alicdn.com/tps/TB1a7HqKFXXXXXMXFXXXXXXXXXX-2880-1800.png" alt="inspector-console"></p>
+<h4 id="\u8d44\u6e90"><a href="#\u8d44\u6e90" class="headerlink" title="\u8d44\u6e90"></a>\u8d44\u6e90</h4><p><img src="https://img.alicdn.com/tps/TB1oY6cKFXXXXXQaXXXXXXXXXXX-2880-1800.png" alt="inspector-resource"></p>
+<h3 id="Debugger"><a href="#Debugger" class="headerlink" title="Debugger"></a>Debugger</h3><p> \u8c03\u8bd5\u5668\u7528\u6765\u8c03\u8bd5weex\u4e2d\u7684js\u4ee3\u7801\uff0c\u80fd\u591f\u8bbe\u7f6e\u65ad\u70b9\u3001\u67e5\u770b\u8c03\u7528\u6808\u3002 </p>
+<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="\u96c6\u6210devtools"><a href="#\u96c6\u6210devtools" class="headerlink" title="\u96c6\u6210devtools"></a>\u96c6\u6210devtools</h4><ul>
+<li>Android<ul>
+<li>\u8bf7\u53c2\u8003\u6587\u6863 <a href="../../references/advanced/integrate-devtool-to-android.html">Weex devtools (Android)</a>, \u5176\u4e2d\u6709\u8be6\u7ec6\u8bf4\u660e\u3002</li>
+</ul>
+</li>
+<li>IOS<ul>
+<li>\u8bf7\u53c2\u8003\u6587\u6863 <a href="../../references/advanced/integrate-devtool-to-ios.html">Weex devtools (iOS)</a>, \u5176\u4e2d\u6709\u8be6\u7ec6\u8bf4\u660e\u3002</li>
+</ul>
+</li>
+</ul>
+
+ </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/devtools.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/guide/tools/devtools.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=1261102667&web_id=1261102667" 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/95bb2077/cn/guide/tools/index.html
----------------------------------------------------------------------
diff --git a/cn/guide/tools/index.html b/cn/guide/tools/index.html
new file mode 100644
index 0000000..00717fb
--- /dev/null
+++ b/cn/guide/tools/index.html
@@ -0,0 +1,518 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8">
+
+ <title>\u5468\u8fb9\u5de5\u5177 | Weex</title>
+ <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+ <meta name="description" content="\u5468\u8fb9\u5de5\u5177
+Devtools
+Weexpack">
+<meta property="og:type" content="website">
+<meta property="og:title" content="\u5468\u8fb9\u5de5\u5177">
+<meta property="og:url" content="https://weex.apache.org/cn/guide/tools/index.html">
+<meta property="og:site_name" content="Weex">
+<meta property="og:description" content="\u5468\u8fb9\u5de5\u5177
+Devtools
+Weexpack">
+<meta property="og:updated_time" content="2017-03-10T02:21:10.000Z">
+<meta name="twitter:card" content="summary">
+<meta name="twitter:title" content="\u5468\u8fb9\u5de5\u5177">
+<meta name="twitter:description" content="\u5468\u8fb9\u5de5\u5177
+Devtools
+Weexpack">
+
+ <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-cn">
+
+ <script>
+ window.PAGE_TYPE = "guide";
+ window.ROOT = "/"
+ </script>
+ <header id="header">
+ <div class="navbar">
+ <a id="logo" href="/cn/">
+ <img src="//img.alicdn.com/tps/TB1zBLaPXXXXXXeXXXXXXXXXXXX-121-59.svg" />
+ </a>
+ <div class="main-nav">
+ <ul class="links">
+ <li><a href="/cn/guide">\u6559\u7a0b</a></li>
+ <li><a href="/cn/references">\u624b\u518c</a></li>
+ <li><a href="/cn/faq.html">FAQ</a></li>
+ <li class="dropdown">
+ <a href="javascript:;">\u4e0b\u8f7d</a>
+ <ul class="dropdown-menu subnav">
+ <li>
+ <a href="/cn/playground.html">Playground</a>
+ </li>
+ <li>
+ <a href="https://www.npmjs.com/package/weex-devtool" target="_blank">Devtool</a>
+ </li>
+ <li>
+ <a href="https://www.npmjs.com/package/weexpack" target="_blank">Weexpack</a>
+ </li>
+ <li>
+ <a href="http://dotwe.org" target="_blank">Snippets</a>
+ </li>
+ <li>
+ <a href="https://market.weex-project.io/" target="_blank">Market</a>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ <ul class="info">
+ <li><a href="https://github.com/alibaba/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/index.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/guide/tools/index.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="/cn/">
+ <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">
+
+ \u6559\u7a0b
+
+ </h2>
+ <ul class="doc-summary">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">\u5feb\u901f\u4e0a\u624b</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link current ">\u5468\u8fb9\u5de5\u5177</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/tools/devtools.html" class="sidebar-link ">\u4f7f\u7528 Devtools</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/tools/weexpack.html" class="sidebar-link ">\u4f7f\u7528 Weexpack</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">\u4ecb\u7ecd</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">\u5de5\u4f5c\u539f\u7406</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web \u5f00\u53d1\u4f53\u9a8c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex \u9875\u9762\u7ed3\u6784</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
+
+ </li>
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</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">
+
+ \u6559\u7a0b
+
+ </h2>
+ <ul class="doc-summary">
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/index.html" class="sidebar-link ">\u5feb\u901f\u4e0a\u624b</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/set-up-env.html" class="sidebar-link ">\u642d\u5efa\u5f00\u53d1\u73af\u5883</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/integrate-to-your-app.html" class="sidebar-link ">\u96c6\u6210 Weex \u5230\u5df2\u6709\u5e94\u7528</a></h3>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/tools/index.html" class="sidebar-link current ">\u5468\u8fb9\u5de5\u5177</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/tools/devtools.html" class="sidebar-link ">\u4f7f\u7528 Devtools</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/tools/weexpack.html" class="sidebar-link ">\u4f7f\u7528 Weexpack</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/intro/index.html" class="sidebar-link ">\u4ecb\u7ecd</a></h3>
+
+ <ul class="chapter">
+
+ <li>
+ <a href="/cn/guide/intro/how-it-works.html" class="sidebar-link ">\u5de5\u4f5c\u539f\u7406</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/web-dev-experience.html" class="sidebar-link ">Web \u5f00\u53d1\u4f53\u9a8c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/using-vue.html" class="sidebar-link ">\u4f7f\u7528 Vue \u5f00\u53d1 Weex \u9875\u9762</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/write-once.html" class="sidebar-link ">\u4e00\u6b21\u64b0\u5199\uff0c\u591a\u7aef\u8fd0\u884c</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/app-architecture.html" class="sidebar-link ">\u7528 Weex \u6784\u5efa\u79fb\u52a8\u5e94\u7528</a>
+ </li>
+
+ <li>
+ <a href="/cn/guide/intro/page-architecture.html" class="sidebar-link ">Weex \u9875\u9762\u7ed3\u6784</a>
+ </li>
+
+ </ul>
+
+ </li>
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/guide/contributing.html" class="sidebar-link ">\u5982\u4f55\u53c2\u4e0e\u793e\u533a</a></h3>
+
+ </li>
+
+
+
+ <li>
+ <h3 class="chapter-title"><a href="/cn/v-0.10/guide/index.html" class="sidebar-link">\u65e7\u8bed\u6cd5\u6587\u6863</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">
+ \u5468\u8fb9\u5de5\u5177
+ </h1>
+
+
+ <time class="article-date" datetime="2017-03-10T02:21:10.000Z">Updated time: 10/03/2017</time>
+</header>
+ <h1 id="\u5468\u8fb9\u5de5\u5177"><a href="#\u5468\u8fb9\u5de5\u5177" class="headerlink" title="\u5468\u8fb9\u5de5\u5177"></a>\u5468\u8fb9\u5de5\u5177</h1><ul>
+<li><a href="./devtools.html">Devtools</a></li>
+<li><a href="./weexpack.html">Weexpack</a></li>
+</ul>
+
+ </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/index.html" data-lang="en">English</a>
+ </li>
+ <li>
+ <a href="/cn/guide/tools/index.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=1261102667&web_id=1261102667" language="JavaScript"></script>
+</div>
+
+ <script src="/js/reqwest.js"></script>
+ <script src="/js/common.js"></script>
+</body>
+</html>