docs: update vue cli to vue cli 3
parent
48a8867448
commit
702fbc8119
|
@ -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
|
||||
|
||||
|
|
|
@ -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. 创建一个项目
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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` 的界面就算成功了。
|
||||
|
|
Loading…
Reference in New Issue