layui/example/docs/zh-CN/guide/getStarted.md

::: title 快速上手
:::

<br>
<br>

::: describe 1.使用 npm 下载
:::

```
npm install @layui/layui-vue --save
```

<br>

::: describe 2.在 main.ts 中依赖
:::

```js
import App from './App.vue'
import { createApp } from 'vue'
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/index.css'

createApp(App).use(Layui).mount('#app')
```

<br>

::: describe 3.在 index.vue 使用
:::

```html
<lay-layout>
  <lay-header>
    <lay-logo>Layui Admin</lay-logo>
  </lay-header>
  <lay-side></lay-side>
  <lay-body>
    <router-view></router-view>
  </lay-body>
  <lay-footer>pearadmin.com</lay-footer>
</lay-layout>
```

- 前往: [layui-vue-sample](https://gitee.com/layui-vue/layui-vue-sample)