[Doc] vue cli 3 (#1754)

docs/markdown/quickstart.en-US.md

@@ -2,12 +2,27 @@
 
 ### Starter kit
 
-Use [vue-cli](https://github.com/vuejs/vue-cli) to create a vant project.
+We recomment to use [Vue Cli 3](https://cli.vuejs.org/zh/) to create a project.
 
-```shell
+```bash
-vue init youzan/vue-cli-template-vant projectName
+# Install Vue Cli
+npm install -g @vue/cli
+
+# Create a project
+vue create hello-world
 ```
 
+After the creation is complete, you can open the GUI by command.
+
+```bash
+# Open GUI
+vue ui
+```
+
+In the GUI, click on 'Dependencies' -> `Install Dependencies` and add `vant` to the dependencies.
+
+<img width="100%" style="box-shadow: 0 1px 1px rgba(0, 0, 0, .1); border-radius: 3px;" src="https://img.yzcdn.cn/vant/vue-cli-demo-201809030812.png" >
+
 ### Install
 
 #### NPM
@@ -54,6 +69,17 @@ npm i babel-plugin-import -D
     }]
   ]
 }
+
+// For users who use babel7, that can be configured in babel.config.js
+module.exports = {
+  plugins: [
+    ['import', {
+      libraryName: 'vant',
+      libraryDirectory: 'es',
+      style: true
+    }, 'vant']
+  ]
+};
 ```
 
 Then you can import components from vant, equivalent to import manually below.

docs/markdown/quickstart.zh-CN.md

@@ -2,12 +2,31 @@
 
 ### 脚手架
 
-我们提供了开箱即用的开发脚手架，通过 [vue-cli](https://github.com/vuejs/vue-cli) 即可快速创建一个基于 `Vant` 的项目。
+推荐使用 Vue 官方提供的脚手架 [Vue Cli 3](https://cli.vuejs.org/zh/) 创建项目
 
-```shell
+```bash
-vue init youzan/vue-cli-template-vant my-project
+# 安装 Vue Cli
+npm install -g @vue/cli
+
+# 创建一个项目
+vue create hello-world
 ```
 
+创建完成后，可以通过命令打开图形化界面
+
+```bash
+# 打开图形化界面
+vue ui
+```
+
+在图形化界面中，点击`依赖` -> `安装依赖`，然后将 `vant` 添加到依赖中即可。
+
+<img width="100%" style="box-shadow: 0 1px 1px rgba(0, 0, 0, .1); border-radius: 3px;" src="https://img.yzcdn.cn/vant/vue-cli-demo-201809032000.png" >
+
+### 示例工程
+
+我们提供了一个基于 Vue Cli 3 的示例工程，仓库地址为 [Vant Demo](https://github.com/youzan/vant-demo)
+
 ### 安装
 
 #### NPM
@@ -47,7 +66,7 @@ npm i babel-plugin-import -D
 ```
 
 ```js
-// 在 .babelrc 或 babel-loader 中添加插件配置
+// .babelrc 中配置
 // 注意：webpack 1 无需设置 libraryDirectory
 {
   "plugins": [
@@ -58,6 +77,17 @@ npm i babel-plugin-import -D
     }]
   ]
 }
+
+// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
+module.exports = {
+  plugins: [
+    ['import', {
+      libraryName: 'vant',
+      libraryDirectory: 'es',
+      style: true
+    }, 'vant']
+  ]
+};
 ```
 
 接着你可以在代码中直接引入 Vant 组件，插件会自动将代码转化为方式二中的按需引入形式