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

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`.
@ -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` 的界面就算成功了。