Skip to content

Commit 95ce5f4

Browse files
committed
doc: update doc
1 parent 4846bd0 commit 95ce5f4

File tree

2 files changed

+11
-9
lines changed

2 files changed

+11
-9
lines changed

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

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,9 +46,9 @@ import Antd from 'ant-design-vue';
4646
import App from './App';
4747
import 'ant-design-vue/dist/antd.css';
4848

49-
const app = createApp();
49+
const app = createApp(App);
5050

51-
app.use(Antd);
51+
app.use(Antd).mount('#app');
5252
```
5353

5454
The above imports Antd entirely. Note that CSS file needs to be imported separately.
@@ -104,9 +104,10 @@ And this plugin can load styles too, read [usage](https://github.com/ant-design/
104104
> FYI, babel-plugin-import's `style` option will importing some global reset styles, don't use it if you don't need those styles. You can import styles manually via `import 'ant-design-vue/dist/antd.css'` and override the global reset styles.
105105
106106
If you use Vite, you can use [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) to load on demand. However, this plugin can only deal with components. Others such as message should be loaded manually:
107+
107108
```ts
108-
import { message } from "ant-design-vue"
109-
import "ant-design-vue/es/message/style/css" //use ant-design-vue/es instead of ant-design-vue/lib
109+
import { message } from 'ant-design-vue';
110+
import 'ant-design-vue/es/message/style/css'; //use ant-design-vue/es instead of ant-design-vue/lib
110111
```
111112

112113
## Customization

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

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -48,9 +48,9 @@ import Antd from 'ant-design-vue';
4848
import App from './App';
4949
import 'ant-design-vue/dist/antd.css';
5050

51-
const app = createApp();
51+
const app = createApp(App);
5252

53-
app.use(Antd);
53+
app.use(Antd).mount('#app');
5454
```
5555

5656
以上代码便完成了 Antd 的引入。需要注意的是,样式文件需要单独引入。
@@ -74,7 +74,7 @@ app.config.globalProperties.$message = message;
7474
7575
## 兼容性
7676

77-
Ant Design Vue 2.x 支持所有的现代浏览器。
77+
Ant Design Vue 2.x+ 支持所有的现代浏览器。
7878

7979
如果需要支持 IE9+,你可以使用 Ant Design Vue 1.x & Vue 2.x。
8080

@@ -104,9 +104,10 @@ import { Button } from 'ant-design-vue';
104104
> 注意,babel-plugin-import 的 `style` 属性除了引入对应组件的样式,也会引入一些必要的全局样式。如果你不需要它们,建议不要使用此属性。你可以 `import 'ant-design-vue/dist/antd.css` 手动引入,并覆盖全局样式。
105105
106106
如果你使用的 Vite,你可以使用 [unplugin-vue-components](https://github.com/antfu/unplugin-vue-components) 来进行按需加载。但是此插件无法处理非组件模块,如 message,这种组件需要手动加载:
107+
107108
```ts
108-
import { message } from "ant-design-vue"
109-
import "ant-design-vue/es/message/style/css" //vite只能用 ant-design-vue/es 而非 ant-design-vue/lib
109+
import { message } from 'ant-design-vue';
110+
import 'ant-design-vue/es/message/style/css'; //vite只能用 ant-design-vue/es 而非 ant-design-vue/lib
110111
```
111112

112113
## 配置主题和字体

0 commit comments

Comments
 (0)