docs: update vue cli to vue cli 3

pull/197/head
tangjinzhou 2018-09-14 10:04:08 +08:00
parent 48a8867448
commit 702fbc8119
4 changed files with 20 additions and 12 deletions

View File

@ -1,7 +1,7 @@
# Getting Started
Ant Design Vue is dedicated to providing a **good development experience** for programmers. Make sure that you had installed [Node.js](https://nodejs.org/)(> v6.5) correctly.
Ant Design Vue is dedicated to providing a **good development experience** for programmers. Make sure that you had installed [Node.js](https://nodejs.org/)(> v8.9) correctly.
> Before delving into Ant Design Vue, a good knowledge base of [Vue](https://cn.vuejs.org/) and [JavaScript ES2015](http://babeljs.io/docs/learn-es2015/) is needed.
@ -19,7 +19,9 @@ The following CodeSandbox demo is the simplest use case, and it's also a good ha
[vue-cli](https://github.com/vuejs/vue-cli)
```bash
$ npm install vue-cli -g
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli
```
### 2. Create a New Project
@ -30,7 +32,7 @@ A new project can be created using CLI tools.
$ vue create antd-demo
```
And, setup your vue project configuration.
And, setup your vue project configuration.
### 3. Use antd's Components

View File

@ -3,7 +3,7 @@
Ant Design Vue 致力于提供给程序员**愉悦**的开发体验。
> 在开始之前,推荐先学习 [Vue](https://cn.vuejs.org/) 和 [ES2015](http://babeljs.io/docs/learn-es2015/),并正确安装和配置了 [Node.js](https://nodejs.org/) v6.5 或以上。
> 在开始之前,推荐先学习 [Vue](https://cn.vuejs.org/) 和 [ES2015](http://babeljs.io/docs/learn-es2015/),并正确安装和配置了 [Node.js](https://nodejs.org/) v8.9 或以上。
> 官方指南假设你已了解关于 HTML、CSS 和 JavaScript 的中级知识,并且已经完全掌握了 Vue 的正确开发方式。如果你刚开始学习前端或者 Vue将 UI 框架作为你的第一步可能不是最好的主意。
## 在线演示
@ -19,7 +19,9 @@ Ant Design Vue 致力于提供给程序员**愉悦**的开发体验。
[vue-cli](https://github.com/vuejs/vue-cli)
```bash
$ npm install vue-cli -g
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli
```
### 2. 创建一个项目

View File

@ -1,5 +1,5 @@
# Use in vue-cli
# Use in vue-cli 3
[vue-cli](https://github.com/vuejs/vue-cli) is one of the best Vue application development tools. We are going to use `antd` within it and modify the webpack config for some customized needs.
@ -9,7 +9,9 @@
We need to install `vue-cli` first, you may need install [yarn](https://github.com/yarnpkg/yarn/) too.
```bash
$ npm install -g vue-cli yarn
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli
```
Create a new project named `antd-demo`.
@ -18,7 +20,7 @@ Create a new project named `antd-demo`.
$ vue create antd-demo
```
And, setup your vue project configuration.
And, setup your vue project configuration.
The tool will create and initialize environment and dependencies automatically,
please try config your proxy setting or use another npm registry if any network errors happen during it.
@ -27,7 +29,7 @@ Then we go inside `antd-demo` and start it.
```bash
$ cd antd-demo
$ npm run dev
$ npm run serve
```
Open the browser at http://localhost:8080/. It renders a header saying "Welcome to Your Vue.js App" on the page.

View File

@ -1,5 +1,5 @@
# 在 vue-cli 中使用
# 在 vue-cli 3 中使用
[vue-cli](https://github.com/vuejs/vue-cli) 是业界最优秀的 Vue 应用开发工具之一,本文会尝试在 vue-cli 创建的工程中使用 antd 组件,并自定义 webpack 的配置以满足各类工程化需求。
@ -9,7 +9,9 @@
我们需要在命令行中安装 vue-cli 工具,你可能还需要安装 [yarn](https://github.com/yarnpkg/yarn/)。
```bash
$ npm install -g vue-cli yarn
$ npm install -g @vue/cli
# OR
$ yarn global add @vue/cli
```
然后新建一个项目。
@ -26,7 +28,7 @@ $ vue create antd-demo
```bash
$ cd antd-demo
$ npm run dev
$ npm run serve
```
此时浏览器会访问 http://localhost:8080/ ,看到 `Welcome to Your Vue.js App` 的界面就算成功了。