-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (179 loc) · 19.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>移动前端指引平台 —— Use your illusion</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="icon" href="https://os.alipayobjects.com/rmsportal/JIyMeiPRcIJtpUa.png" type="image/x-icon">
<link href="./static/common.css" rel="stylesheet">
<script src="./static/common.js"></script>
<script type="text/javascript">
</script>
<script>
window._to = {
st: Date.now(),
role_id: '',
};
</script>
<script src="https://as.alipayobjects.com/g/animajs/mtracker/2.1.2/??seed.js,mtracker.js"></script>
</head>
<body>
<div class="wrapper">
<script type="text/javascript">
window.searchData = {
doc: '%5B%7B%22title%22%3A%22%u7B80%u4ECB%22%2C%22url%22%3A%22/guide/0-introduce.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u5F00%u53D1%u6307%u5F15%22%2C%22needOpen%22%3Atrue%2C%22asideType%22%3A3%2C%22children%22%3A%5B%7B%22title%22%3A%22%u73AF%u5883%u642D%u5EFA%22%2C%22url%22%3A%22../guide/1-environment.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u521D%u59CB%u5316%u9879%u76EE%22%2C%22url%22%3A%22../guide/2-init.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u9879%u76EE%u5F00%u53D1%22%2C%22url%22%3A%22../guide/3-develop.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u672C%u5730%u8C03%u8BD5%22%2C%22url%22%3A%22../guide/4-debugger.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u6D4B%u8BD5%22%2C%22url%22%3A%22../guide/5-test.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u6253%u5305%u6784%u5EFA%22%2C%22url%22%3A%22../guide/6-build.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u53D1%u5E03%u4E0A%u7EBF%22%2C%22url%22%3A%22../guide/7-release.html%22%2C%22needOpen%22%3Afalse%7D%5D%7D%2C%7B%22title%22%3A%22%u89E3%u51B3%u65B9%u6848%22%2C%22needOpen%22%3Atrue%2C%22asideType%22%3A4%2C%22children%22%3A%5B%7B%22title%22%3A%22Yocto%20%u57FA%u7840%u7C7B%u5E93%22%2C%22url%22%3A%22/solution/yocto.html%22%7D%2C%7B%22title%22%3A%22Bridge%20%u65B9%u6848%22%2C%22url%22%3A%22/solution/bridge.html%22%7D%2C%7B%22title%22%3A%22%u79FB%u52A8%u9AD8%u6E05%u65B9%u6848%22%2C%22url%22%3A%22/solution/hd.html%22%7D%2C%7B%22title%22%3A%22%u6A21%u677F%u65B9%u6848%22%2C%22url%22%3A%22/solution/template.html%22%7D%5D%7D%2C%7B%22title%22%3A%22%u5F00%u53D1%u89C4%u8303%22%2C%22needOpen%22%3Atrue%2C%22asideType%22%3A5%2C%22children%22%3A%5B%7B%22title%22%3A%22Boilerplate%22%2C%22url%22%3A%22/specification/boilerplate.html%22%7D%2C%7B%22title%22%3A%22%u6027%u80FD%22%2C%22url%22%3A%22/specification/performance.html%22%7D%5D%7D%5D',
components: '%5B%7B%22title%22%3A%22Anima%20%u7EC4%u4EF6%22%2C%22url%22%3A%22/components/anima-components.html%22%2C%22needOpen%22%3Afalse%2C%22components%22%3A%5B%7B%22name%22%3A%22anima-list%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-list%22%2C%22img%22%3A%22https%3A//os.alipayobjects.com/rmsportal/eoDtzwgpeUFWihz.png%22%2C%22introduce%22%3A%22%u5217%u8868%uFF0C%u6839%u636E%u6A21%u677F%u6E32%u67D3%uFF0C%u76F4%u63A5%u4F7F%u7528Dom%20%u6E32%u67D3%20%u67E5%u627E%u3001%u5355%u9009%u3001%u591A%u9009%20%u589E%u5220%u6539%22%7D%2C%7B%22name%22%3A%22anima-tabview%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-tabview%22%2C%22img%22%3A%22https%3A//os.alipayobjects.com/rmsportal/qWAPQRNJpJYoeCV.png%22%2C%22introduce%22%3A%22tabview%20TAB%u5207%u6362%u63D2%u4EF6%22%7D%2C%7B%22name%22%3A%22anima-pull2load%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-pull2load%22%2C%22img%22%3A%22https%3A//os.alipayobjects.com/rmsportal/CZbeGXjaODCviBq.png%22%2C%22introduce%22%3A%22it%27s%20a%20widge%20supporting%20pull%20to%20load%22%7D%2C%7B%22name%22%3A%22anima-tita%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-tita%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u79BB%u7EBF%u5305%u901A%u7528%u63D0%u793A%u65B9%u6CD5%20%5Cn%20%u5728%u652F%u6301AlipayJSBridge%u7684%u5BB9%u5668%u5185%uFF0C%u4E00%u79D2%u5185%u8FDE%u7EED%u70B9%u51FBtitle%u4E94%u6B21%uFF0C%u5F39%u51FA%u4FE1%u606F%u63D0%u793A%u6846%u3002%22%7D%2C%7B%22name%22%3A%22anima-numberswing%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-numberswing%22%2C%22img%22%3A%22https%3A//os.alipayobjects.com/rmsportal/ZWrgcwkEGeODKFD.png%22%2C%22introduce%22%3A%22%u7B80%u5355%u7684%u7FFB%u9875%u7EC4%u4EF6%22%7D%2C%7B%22name%22%3A%22anima-pageflick%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-pageflick%22%2C%22img%22%3A%22https%3A//os.alipayobjects.com/rmsportal/TveNtvjeeOMAgOC.png%22%2C%22introduce%22%3A%22%u7B80%u5355%u7684%u7FFB%u9875%u7EC4%u4EF6%22%7D%2C%7B%22name%22%3A%22anima-datetimepicker%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-datetimepicker%22%2C%22img%22%3A%22https%3A//os.alipayobjects.com/rmsportal/jSqEgkvnIyiQOmS.png%22%2C%22introduce%22%3A%22%u8F7B%u91CF%u7EA7%u7684%u65E5%u671F%u65F6%u95F4%u9009%u62E9%u7EC4%u4EF6%uFF0C%u57FA%u4E8E%20anima-scroller%20%u3001%20anima-yocto-touch%20%uFF0C%u652F%u6301...%22%7D%2C%7B%22name%22%3A%22anima-carousel%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-carousel%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22Carousel%u53C8%u53EBSlider%uFF0C%u662F%u7ECF%u5178%u7684%u79FB%u52A8%u7AEF%u5E7B%u706F%u5207%u6362%u7EC4%u4EF6%u3002%u672C%u7EC4%u4EF6%u652F%u6301%u81EA%u52A8%u64AD%u653E%u3001%u5FAA%u73AF%u7B49%u3002%22%7D%2C%7B%22name%22%3A%22anima-lazyload%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-lazyload%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u79FB%u52A8%u7AEF%u56FE%u7247%u61D2%u52A0%u8F7D%u7EC4%u4EF6%22%7D%2C%7B%22name%22%3A%22anima-formatter%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-formatter%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u901A%u7528%u683C%u5F0F%u5316%u7EC4%u4EF6%uFF0C%u63D0%u4F9B%u65E5%u671F%u4EE5%u53CA%u91D1%u989D%u7684%u683C%u5F0F%u5316%u529F%u80FD%22%7D%2C%7B%22name%22%3A%22anima-oncecall%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-oncecall%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u65B9%u4FBF%u7ED9%u4EE3%u7801%u533A%u5757%u4E0A%u9501/%u89E3%u9501%u7684%u65B9%u6CD5%22%7D%2C%7B%22name%22%3A%22anima-promise%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-promise%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u79FB%u52A8%u7AEF%u7684%20Promise/A+%20%u5B9E%u73B0%22%7D%2C%7B%22name%22%3A%22anima-cookie%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-cookie%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u63D0%u4F9B%20Cookie%20%u64CD%u4F5C%u65B9%u6CD5%u3002%22%7D%2C%7B%22name%22%3A%22anima-template%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-template%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u79FB%u52A8%u7AEF%u6A21%u677F%u5F15%u64CE%22%7D%2C%7B%22name%22%3A%22anima-storage%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-storage%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u63D0%u4F9B%u64CD%u4F5C%20localStorage%20%u7684%u65B9%u6CD5%22%7D%2C%7B%22name%22%3A%22anima-gesture%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-gesture%20%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u79FB%u52A8%u7AEF%u590D%u6742%u624B%u52BF%u64CD%u4F5C%u6A21%u5757%22%7D%2C%7B%22name%22%3A%22anima-cachestorage%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-cachestorage%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22anima-cachestorage%22%7D%2C%7B%22name%22%3A%22anima-compare%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-compare%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u4E00%u4E2A%u5C0F%u5DE7%u3001%u7B80%u5355%u3001%u5FEB%u901F%u7684%u6570%u636E%u5BF9%u6BD4%u5DE5%u5177%22%7D%2C%7B%22name%22%3A%22anima-router%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-router%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22redefine%20location%22%7D%2C%7B%22name%22%3A%22anima-caculate%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-caculate%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u63D0%u4F9B%u7CBE%u51C6%u6570%u5B57%u8FD0%u7B97%u7684%u64CD%u4F5C%u65B9%u6CD5%22%7D%2C%7B%22name%22%3A%22anima-support%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-support%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u8FF7%u4F60%u5C0F%u5DE7%u7684%u7279%u6027%u68C0%u6D4B%u6A21%u5757%u3002%22%7D%2C%7B%22name%22%3A%22anima-mtop%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-mtop%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u8BBF%u95EEMtop%u63A5%u53E3%u7684SDK%uFF0C%u652F%u6301%u5728%u6D4F%u89C8%u5668%u548C%u5BA2%u6237%u7AEF%u4E2D%u53D1%u9001mtop%u8BF7%u6C42%u3002%22%7D%2C%7B%22name%22%3A%22anima-getjson%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-getjson%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u60F3%u7EDF%u4E00getJSON%u7684%u62A5%u9519%u884C%u4E3A%3B%20%u5E95%u5C42%u65B9%u6CD5%u53EF%u4EE5%u662FjsonP%2C%20ajax-get%2C%20ajax-post%2C%20rpc%2C%20mock%u7B49%3B%22%7D%2C%7B%22name%22%3A%22anima-tblogin%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-tblogin%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u6DD8%u5B9D%u767B%u5F55%u7EC4%u4EF6%22%7D%2C%7B%22name%22%3A%22anima-app%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-app%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u6DD8%u5B9D%u767B%u5F55%u7EC4%u4EF6%22%7D%2C%7B%22name%22%3A%22anima-hd%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-hd%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22%u79FB%u52A8%u7AEF%u9AD8%u6E051px%u65B9%u6848%22%7D%2C%7B%22name%22%3A%22anima-yocto%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/anima-yocto%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22Yocto%20is%20a%20anima%27s%20javaScript%20library%20for%20mobile%2C%20rebuild%20and%20simplify%20some%20modules%20from%20the%20core%20of%20zepto.%22%7D%2C%7B%22name%22%3A%22anima-bridge%22%2C%22url%22%3A%22http%3A//npm.taobao.org/package/@ali/anima-bridge%22%2C%22img%22%3A%22%22%2C%22introduce%22%3A%22ali-bridge%22%7D%5D%7D%5D'
}
</script>
<div class="header" search-data="%5B%7B%22title%22%3A%22%u7B80%u4ECB%22%2C%22url%22%3A%22/guide/0-introduce.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u5F00%u53D1%u6307%u5F15%22%2C%22needOpen%22%3Atrue%2C%22asideType%22%3A3%2C%22children%22%3A%5B%7B%22title%22%3A%22%u73AF%u5883%u642D%u5EFA%22%2C%22url%22%3A%22../guide/1-environment.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u521D%u59CB%u5316%u9879%u76EE%22%2C%22url%22%3A%22../guide/2-init.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u9879%u76EE%u5F00%u53D1%22%2C%22url%22%3A%22../guide/3-develop.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u672C%u5730%u8C03%u8BD5%22%2C%22url%22%3A%22../guide/4-debugger.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u6D4B%u8BD5%22%2C%22url%22%3A%22../guide/5-test.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u6253%u5305%u6784%u5EFA%22%2C%22url%22%3A%22../guide/6-build.html%22%2C%22needOpen%22%3Afalse%7D%2C%7B%22title%22%3A%22%u53D1%u5E03%u4E0A%u7EBF%22%2C%22url%22%3A%22../guide/7-release.html%22%2C%22needOpen%22%3Afalse%7D%5D%7D%2C%7B%22title%22%3A%22%u89E3%u51B3%u65B9%u6848%22%2C%22needOpen%22%3Atrue%2C%22asideType%22%3A4%2C%22children%22%3A%5B%7B%22title%22%3A%22Yocto%20%u57FA%u7840%u7C7B%u5E93%22%2C%22url%22%3A%22/solution/yocto.html%22%7D%2C%7B%22title%22%3A%22Bridge%20%u65B9%u6848%22%2C%22url%22%3A%22/solution/bridge.html%22%7D%2C%7B%22title%22%3A%22%u79FB%u52A8%u9AD8%u6E05%u65B9%u6848%22%2C%22url%22%3A%22/solution/hd.html%22%7D%2C%7B%22title%22%3A%22%u6A21%u677F%u65B9%u6848%22%2C%22url%22%3A%22/solution/template.html%22%7D%5D%7D%2C%7B%22title%22%3A%22%u5F00%u53D1%u89C4%u8303%22%2C%22needOpen%22%3Atrue%2C%22asideType%22%3A5%2C%22children%22%3A%5B%7B%22title%22%3A%22Boilerplate%22%2C%22url%22%3A%22/specification/boilerplate.html%22%7D%2C%7B%22title%22%3A%22%u6027%u80FD%22%2C%22url%22%3A%22/specification/performance.html%22%7D%5D%7D%5D">
<div class="header-container">
<a class="logo" href="/index.html">
<i></i>
<span>移动前端指引平台</span>
</a>
<div class="searchInput">
<div class="anticon"></div>
<input type="text" id="J_search">
<span>搜索...</span>
<ul class="search-list hide"></ul>
</div>
<ul class="menu">
<span class="underline"></span>
<li data-index="0" data-template="" class="check">
<a href="/index.html">首页</a>
</li>
<li data-index="1" data-template="guide">
<a href="/guide/0-introduce.html">开发指引</a>
</li>
<li data-index="2" data-template="components">
<a href="/components/anima-components.html">组件库</a>
</li>
<li data-index="3" data-template="ui">
<a href="/ui/antd-mobile.html">UI库</a>
</li>
</ul>
</div>
</div>
<link href="./static/index.css" rel="stylesheet">
<script src="https://os.alipayobjects.com/rmsportal/uodsxlnZeOYhflf.js"></script>
<script src="https://os.alipayobjects.com/rmsportal/THCSZTWfjDIOluw.js"></script>
<script src="https://os.alipayobjects.com/rmsportal/RSBRzAnSfinqvmt.js"></script>
<div class="banner">
<div id="animation">
<canvas id="canvas"></canvas>
</div>
<div class="banner-container">
<h1>USE YOUR ILLUSION</h1>
<h2>运用你的想象力,构建优秀的移动产品</h2>
<a class="start" id="start" href="/guide/0-introduce.html">Start</a>
</div>
</div>
<div class="intro">
<div class="intro-container">
<div class="central-axis">
<div class="timer-pointer"></div>
<div class="timer-pointer"></div>
<div class="timer-pointer"></div>
<div class="timer-pointer"></div>
</div>
<ul class="intro-list">
<li class="intro-item" id="page1">
<div class="intro-txt intro-left-text" type="left">
<h5 class="intro-txt-title">强大 | Strong</h5>
<p class="intro-txt-cnt">所有产出基于业务最佳实践,提供多类型脚手架支持,强大而高效</p>
</div>
<div class="intro-pic intro-right-pic" type="right"></div>
</li>
<li class="intro-item" id="page2">
<div class="intro-pic intro-left-pic" type="left"></div>
<div class="intro-txt intro-right-text" type="right">
<h5 class="intro-txt-title">Resourceful | 丰富</h5>
<p class="intro-txt-cnt">丰富、灵活、实用的基础组件,为业务产品提供强有力的支持</p>
</div>
</li>
<li class="intro-item" id="page3">
<div class="intro-txt intro-left-text" type="left">
<h5 class="intro-txt-title">开放 | Open</h5>
<p class="intro-txt-cnt">完全基于 webpack、npm 等来自社区的开放性技术方案,背后具备成熟的生态力量</p>
</div>
<div class="intro-pic intro-right-pic" type="right"></div>
</li>
</ul>
</div>
</div>
<div class="guide">
<div class="guide-container">
<h3>极简上手</h3>
<div class="step-btn-list">
<div class="step-btn-item ready"><a class="step-btn-icon">1</a><p class="step-btn-title">安装环境</p></div>
<div class="step-btn-item"><a class="step-btn-icon">2</a><p class="step-btn-title">初始化脚手架</p></div>
<div class="step-btn-item"><a class="step-btn-icon">3</a><p class="step-btn-title">简单配置</p></div>
<div class="step-btn-item"><a class="step-btn-icon">4</a><p class="step-btn-title">开发调试</p></div>
<p class="step-line"><i></i></p>
<p class="step-line"><i></i></p>
<p class="step-line"><i></i></p>
</div>
<ul class="step-surface-wrap">
<li class="step-surface-item active">
<h4>安装环境</h4>
<a class="download" href="https://nodejs.org/en/download/" target="_blank">安装 Node.js</a>
<p>安装 cnpm: npm install -g cnpm --registry=https://registry.npm.taobao.org
</p>
<div class="code-wrap">
<div class="code-content">
<img src="https://zos.alipayobjects.com/rmsportal/jXWNdrfoCktmkQB.png" style="width: 448px; height: 143px;" alt="image">
</div>
</div>
</li>
<li class="step-surface-item">
<h4>初始化脚手架</h4>
<p>导航到你的开发目录后 git clone [email protected]:m-develop/boilerplate.git </p>
<div class="code-wrap">
<div class="code-content">
<img src="https://zos.alipayobjects.com/rmsportal/YfKUtItPvVBOqNi.png" style="width: 100%" alt="image">
</div>
</div>
</li>
<li class="step-surface-item">
<h4>简单配置</h4>
<p>将目录名改为你的项目名,并将 package.json 中的 name 改为你的项目名</p>
<div class="code-wrap">
<div class="code-content">
<img src="https://zos.alipayobjects.com/rmsportal/XRkIxkxQBUWvKyX.png" style="width: 100%" alt="image">
</div>
</div>
</li>
<li class="step-surface-item">
<h4>开发调试</h4>
<p>运行 cnpm install,安装需要的依赖</p>
<p>完成安装后,运行 cnpm start ,开启本地服务,通过浏览器访问 <a href="http://127.0.0.1:8001" target="_blank">http://127.0.0.1:8001</a></p>
<div class="code-wrap">
<div class="code-content">
<img src="https://zos.alipayobjects.com/rmsportal/TImvTusuezawBWv.png" style="width: 100%" alt="image">
</div>
</div>
</li>
</ul>
<p class="step-pagination"><a class="step-page-next">下一步</a><a class="step-page-prev disabled">上一步</a></p>
</div>
</div>
<div class="footer">
<div class="footer-container">
<ul class="">
<li><a href="https://github.com/m-develop/" target="_blank">Github 仓库</a></li>
<li><a href="https://github.com/m-develop/site/issues/2" target="_blank">经典案例</a></li>
<li><a href="https://github.com/m-develop/site/issues/new" target="_blank">反馈和意见</a></li>
<li><a href="https://github.com/m-develop/site/issues/1" target="_blank">联系我们</a></li>
</ul>
<div class="copyright">
<p class="copyright-title">2016 蚂蚁金服-体验技术部 出品</p>
<p class="copyright-content">文档版本:0.8.0</p>
</div>
</div>
</div>
<script src="./static/index.js"></script>
</div>
</body>
</html>