update readme

README.md

 # hello-uniapp
 
-`uni-app`框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机扫码快速体验`uni-app`的强大功能。
+`uni-app`框架示例，一套代码，同时发行到iOS、Android、H5、小程序等多个平台，请使用手机在下方扫码快速体验`uni-app`的强大功能。[官方文档](https://uniapp.dcloud.net.cn/)
+
+## 快速上手
+hello-uniapp 示例工程可以通过两种方式创建， 一种是 HBuilderX, 配套 IDE，集成开发；另一种是 CLI 创建；推荐前者。
+### 通过 HBuilderX 可视化界面创建（推荐）
+
+可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。
+
+开始之前，开发者需先下载安装如下工具：
+
+- HBuilderX：[官方IDE下载地址](https://www.dcloud.io/hbuilderx.html)
+
+HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化，请下载App开发版。
+
+### 通过 vue-cli 创建
+
+```
+npm install -g @vue/cli
+```
+
+#### 创建uni-app
+
+**使用正式版**（对应HBuilderX最新正式版）
+
+```
+vue create -p dcloudio/uni-preset-vue my-project
+```
+
+**使用alpha版**（对应HBuilderX最新alpha版）
+
+```
+vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
+```
+
+此时，会提示选择项目模板，选择 `hello uni-app` 项目模板，如下所示：
+
+<div>
+<img src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/h5-cli-01.png" width="300">
+</div>
+
+创建好后，进入项目目录
+```
+cd my-project
+```
+
+执行该命令运行到 h5 端
+```
+npm run dev:h5
+```
+
+更多信息查看 uni-app [官方文档-快速上手](https://uniapp.dcloud.net.cn/quickstart)，欢迎提 issues，推荐到[官方社区](https://ask.dcloud.net.cn/explore/)提问。
+
+## 扫码体验
 
 <div class="quick">
-    <h3 id="快速体验"><a href="/README?id=%e5%bf%ab%e9%80%9f%e4%bd%93%e9%aa%8c" data-id="快速体验" class="anchor"><span>快速体验</span></a></h3>
     <p>一套代码编到10个平台，这不是梦想。眼见为实，扫描10个二维码，亲自体验最全面的跨平台效果！</p>
     <div class="flex-img-group-view">
       <a href="//m3w.cn/uniapp" target="_blank" class="clear-style barcode-view">