Skip to content

Commit 1c82940

Browse files
authored
docs: add Vite and Rsbuild to getting started (#7556)
1 parent 7ce0f11 commit 1c82940

File tree

2 files changed

+39
-19
lines changed

2 files changed

+39
-19
lines changed

site/src/vueDocs/getting-started.en-US.md

Lines changed: 20 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -12,27 +12,37 @@ The following CodeSandbox demo is the simplest use case, and it's also a good ha
1212

1313
## Import ant-design-vue
1414

15-
### 1. Installation
15+
### 1. Create a New Project
1616

17-
[vue-cli](https://github.com/vuejs/vue-cli)
17+
If you need to create a new project, you can use [Vite](https://github.com/vitejs/vite), [Rsbuild](https://github.com/web-infra-dev/rsbuild), or [Vue CLI](https://github.com/vuejs/vue-cli).
18+
19+
Please initialize the project using the command line:
20+
21+
- Vite:
1822

1923
```bash
20-
$ npm install -g @vue/cli
21-
# OR
22-
$ yarn global add @vue/cli
24+
$ npm create vite@latest
2325
```
2426

25-
### 2. Create a New Project
27+
- Rsbuild:
28+
29+
```bash
30+
$ npm create rsbuild@latest
31+
```
2632

27-
A new project can be created using CLI tools.
33+
- Vue CLI:
2834

2935
```bash
36+
$ npm install -g @vue/cli
37+
# OR
38+
$ yarn global add @vue/cli
39+
3040
$ vue create antd-demo
3141
```
3242

33-
And, setup your vue project configuration.
43+
> Vue CLI is no longer maintained, so it is not recommended to use.
3444
35-
### 3. Use antd's Components
45+
### 2. Use antd's Components
3646

3747
#### Install
3848

@@ -95,7 +105,7 @@ In this way, component sub-components, such as Button and ButtonGroup, need to b
95105
</script>
96106
```
97107

98-
### 4. Component list
108+
### 3. Component list
99109

100110
[Component list](https://github.com/vueComponent/ant-design-vue/blob/main/components/components.ts)
101111

site/src/vueDocs/getting-started.zh-CN.md

Lines changed: 19 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,29 +12,39 @@ Ant Design Vue 致力于提供给程序员**愉悦**的开发体验。
1212

1313
## 引入 ant-design-vue
1414

15-
### 1. 安装脚手架工具
15+
### 1. 新建项目
1616

17-
[vue-cli](https://github.com/vuejs/vue-cli)
17+
如果你需要新建一个项目,可以使用 [Vite](https://github.com/vitejs/vite)[Rsbuild](https://github.com/web-infra-dev/rsbuild)[Vue CLI](https://github.com/vuejs/vue-cli)
18+
19+
请使用命令行来初始化项目:
20+
21+
- Vite:
1822

1923
```bash
20-
$ npm install -g @vue/cli
21-
# OR
22-
$ yarn global add @vue/cli
24+
$ npm create vite@latest
2325
```
2426

25-
### 2. 创建一个项目
27+
- Rsbuild:
28+
29+
```bash
30+
$ npm create rsbuild@latest
31+
```
2632

27-
使用命令行进行初始化。
33+
- Vue CLI:
2834

2935
```bash
36+
$ npm install -g @vue/cli
37+
# OR
38+
$ yarn global add @vue/cli
39+
3040
$ vue create antd-demo
3141
```
3242

33-
并配置项目
43+
> Vue CLI 已经停止迭代,因此不推荐使用
3444
3545
若安装缓慢报错,可尝试用 `cnpm` 或别的镜像源自行安装:`rm -rf node_modules && cnpm install`
3646

37-
### 3. 使用组件
47+
### 2. 使用组件
3848

3949
#### 安装
4050

0 commit comments

Comments
 (0)