Skip to content

Commit 702fbc8

Browse files
committed
docs: update vue cli to vue cli 3
1 parent 48a8867 commit 702fbc8

4 files changed

+20
-12
lines changed

docs/vue/getting-started.en-US.md

+5-3
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11

22
# Getting Started
33

4-
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.
4+
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.
55

66
> 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.
77
@@ -19,7 +19,9 @@ The following CodeSandbox demo is the simplest use case, and it's also a good ha
1919
[vue-cli](https://github.com/vuejs/vue-cli)
2020

2121
```bash
22-
$ npm install vue-cli -g
22+
$ npm install -g @vue/cli
23+
# OR
24+
$ yarn global add @vue/cli
2325
```
2426

2527
### 2. Create a New Project
@@ -30,7 +32,7 @@ A new project can be created using CLI tools.
3032
$ vue create antd-demo
3133
```
3234

33-
And, setup your vue project configuration.
35+
And, setup your vue project configuration.
3436

3537
### 3. Use antd's Components
3638

docs/vue/getting-started.zh-CN.md

+4-2
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33

44
Ant Design Vue 致力于提供给程序员**愉悦**的开发体验。
55

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

2121
```bash
22-
$ npm install vue-cli -g
22+
$ npm install -g @vue/cli
23+
# OR
24+
$ yarn global add @vue/cli
2325
```
2426

2527
### 2. 创建一个项目

docs/vue/use-with-vue-cli.en-US.md

+6-4
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

2-
# Use in vue-cli
2+
# Use in vue-cli 3
33

44
[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.
55

@@ -9,7 +9,9 @@
99
We need to install `vue-cli` first, you may need install [yarn](https://github.com/yarnpkg/yarn/) too.
1010

1111
```bash
12-
$ npm install -g vue-cli yarn
12+
$ npm install -g @vue/cli
13+
# OR
14+
$ yarn global add @vue/cli
1315
```
1416

1517
Create a new project named `antd-demo`.
@@ -18,7 +20,7 @@ Create a new project named `antd-demo`.
1820
$ vue create antd-demo
1921
```
2022

21-
And, setup your vue project configuration.
23+
And, setup your vue project configuration.
2224

2325
The tool will create and initialize environment and dependencies automatically,
2426
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.
2729

2830
```bash
2931
$ cd antd-demo
30-
$ npm run dev
32+
$ npm run serve
3133
```
3234

3335
Open the browser at http://localhost:8080/. It renders a header saying "Welcome to Your Vue.js App" on the page.

docs/vue/use-with-vue-cli.zh-CN.md

+5-3
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11

2-
# 在 vue-cli 中使用
2+
# 在 vue-cli 3 中使用
33

44
[vue-cli](https://github.com/vuejs/vue-cli) 是业界最优秀的 Vue 应用开发工具之一,本文会尝试在 vue-cli 创建的工程中使用 antd 组件,并自定义 webpack 的配置以满足各类工程化需求。
55

@@ -9,7 +9,9 @@
99
我们需要在命令行中安装 vue-cli 工具,你可能还需要安装 [yarn](https://github.com/yarnpkg/yarn/)
1010

1111
```bash
12-
$ npm install -g vue-cli yarn
12+
$ npm install -g @vue/cli
13+
# OR
14+
$ yarn global add @vue/cli
1315
```
1416

1517
然后新建一个项目。
@@ -26,7 +28,7 @@ $ vue create antd-demo
2628

2729
```bash
2830
$ cd antd-demo
29-
$ npm run dev
31+
$ npm run serve
3032
```
3133

3234
此时浏览器会访问 http://localhost:8080/ ,看到 `Welcome to Your Vue.js App` 的界面就算成功了。

0 commit comments

Comments
 (0)