From 083179a9ea4e49e883b8e0b7bee975447230d4ce Mon Sep 17 00:00:00 2001
From: anne-lxm <1076217653@qq.com>
Date: Tue, 15 Dec 2020 22:10:41 +0800
Subject: [PATCH] quickstart-change
---
docs/_sidebar.md | 4 +-
docs/quickstart-cli.md | 115 +++++++++++++++++++++
docs/quickstart-hx.md | 225 +++++++++++++++++++++++++++++++++++++++++
3 files changed, 343 insertions(+), 1 deletion(-)
create mode 100644 docs/quickstart-cli.md
create mode 100644 docs/quickstart-hx.md
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
index 5d6be54c10..e48516ee85 100644
--- a/docs/_sidebar.md
+++ b/docs/_sidebar.md
@@ -1,5 +1,7 @@
* [什么是 uni-app](README.md)
-* [快速上手](quickstart.md)
+* 快速上手
+ * [1. 通过 HBuilderX 可视化界面](quickstart-hx.md)
+ * [2. 通过vue-cli命令行](quickstart-hx.md)
* [uni-app的由来](history.md)
* [如何学习](resource.md)
* [框架简介](frame.md)
diff --git a/docs/quickstart-cli.md b/docs/quickstart-cli.md
new file mode 100644
index 0000000000..e6ce5034f1
--- /dev/null
+++ b/docs/quickstart-cli.md
@@ -0,0 +1,115 @@
+
+除了HBuilderX可视化界面，也可以使用 `cli` 脚手架，可以通过 `vue-cli` 创建 `uni-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` 项目模板，如下所示：
+
+
+
+
+
+注意：HBuilderX创建的项目，一样可以使用npm，参考：[https://uniapp.dcloud.io/frame?id=npm%e6%94%af%e6%8c%81](https://uniapp.dcloud.io/frame?id=npm%e6%94%af%e6%8c%81)
diff --git a/docs/quickstart-hx.md b/docs/quickstart-hx.md
new file mode 100644
index 0000000000..1c7be6289f
--- /dev/null
+++ b/docs/quickstart-hx.md
@@ -0,0 +1,225 @@
+
+> `uni-app`支持通过 可视化界面、[`vue-cli`命令行](https://uniapp.dcloud.io/quickstart?id=%e9%80%9a%e8%bf%87vue-cli%e5%91%bd%e4%bb%a4%e8%a1%8c) 两种方式快速创建项目。
+
+
+可视化的方式比较简单，HBuilderX内置相关环境，开箱即用，无需配置nodejs。
+
+开始之前，开发者需先下载安装如下工具：
+
+- HBuilderX：[官方IDE下载地址](https://www.dcloud.io/hbuilderx.html)
+
+HBuilderX是通用的前端开发工具，但为`uni-app`做了特别强化。
+
+下载App开发版，可开箱即用；如下载标准版，在运行或发行`uni-app`时，会提示安装`uni-app`插件，插件下载完成后方可使用。
+
+如使用`cli`方式创建项目，可直接下载标准版，因为uni-app编译插件被安装到项目下了。
+
+
+## 创建uni-app
+
+在点击工具栏里的文件 -> 新建 -> 项目：
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+