mirror of
https://gitee.com/ant-design-vue/ant-design-vue.git
synced 2024-11-29 18:48:32 +08:00
docs: add Vite and Rsbuild to getting started (#7556)
This commit is contained in:
parent
7ce0f115d5
commit
1c82940160
@ -12,27 +12,37 @@ The following CodeSandbox demo is the simplest use case, and it's also a good ha
|
||||
|
||||
## Import ant-design-vue
|
||||
|
||||
### 1. Installation
|
||||
### 1. Create a New Project
|
||||
|
||||
[vue-cli](https://github.com/vuejs/vue-cli)
|
||||
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).
|
||||
|
||||
Please initialize the project using the command line:
|
||||
|
||||
- Vite:
|
||||
|
||||
```bash
|
||||
$ npm create vite@latest
|
||||
```
|
||||
|
||||
- Rsbuild:
|
||||
|
||||
```bash
|
||||
$ npm create rsbuild@latest
|
||||
```
|
||||
|
||||
- Vue CLI:
|
||||
|
||||
```bash
|
||||
$ npm install -g @vue/cli
|
||||
# OR
|
||||
$ yarn global add @vue/cli
|
||||
```
|
||||
|
||||
### 2. Create a New Project
|
||||
|
||||
A new project can be created using CLI tools.
|
||||
|
||||
```bash
|
||||
$ vue create antd-demo
|
||||
```
|
||||
|
||||
And, setup your vue project configuration.
|
||||
> Vue CLI is no longer maintained, so it is not recommended to use.
|
||||
|
||||
### 3. Use antd's Components
|
||||
### 2. Use antd's Components
|
||||
|
||||
#### Install
|
||||
|
||||
@ -95,7 +105,7 @@ In this way, component sub-components, such as Button and ButtonGroup, need to b
|
||||
</script>
|
||||
```
|
||||
|
||||
### 4. Component list
|
||||
### 3. Component list
|
||||
|
||||
[Component list](https://github.com/vueComponent/ant-design-vue/blob/main/components/components.ts)
|
||||
|
||||
|
@ -12,29 +12,39 @@ Ant Design Vue 致力于提供给程序员**愉悦**的开发体验。
|
||||
|
||||
## 引入 ant-design-vue
|
||||
|
||||
### 1. 安装脚手架工具
|
||||
### 1. 新建项目
|
||||
|
||||
[vue-cli](https://github.com/vuejs/vue-cli)
|
||||
如果你需要新建一个项目,可以使用 [Vite](https://github.com/vitejs/vite)、[Rsbuild](https://github.com/web-infra-dev/rsbuild) 或 [Vue CLI](https://github.com/vuejs/vue-cli)。
|
||||
|
||||
请使用命令行来初始化项目:
|
||||
|
||||
- Vite:
|
||||
|
||||
```bash
|
||||
$ npm create vite@latest
|
||||
```
|
||||
|
||||
- Rsbuild:
|
||||
|
||||
```bash
|
||||
$ npm create rsbuild@latest
|
||||
```
|
||||
|
||||
- Vue CLI:
|
||||
|
||||
```bash
|
||||
$ npm install -g @vue/cli
|
||||
# OR
|
||||
$ yarn global add @vue/cli
|
||||
```
|
||||
|
||||
### 2. 创建一个项目
|
||||
|
||||
使用命令行进行初始化。
|
||||
|
||||
```bash
|
||||
$ vue create antd-demo
|
||||
```
|
||||
|
||||
并配置项目。
|
||||
> Vue CLI 已经停止迭代,因此不推荐使用。
|
||||
|
||||
若安装缓慢报错,可尝试用 `cnpm` 或别的镜像源自行安装:`rm -rf node_modules && cnpm install`。
|
||||
|
||||
### 3. 使用组件
|
||||
### 2. 使用组件
|
||||
|
||||
#### 安装
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user