---
description: 學習快速上手 Piman 無障礙網頁設計 UI 框架
---

# 快速開始

### 安裝 Piman <a href="#install" id="install"></a>

開始使用前需要先安裝 [Node.js](https://nodejs.org/en/) 18 版本並且建立 Vue 2 或 Nuxt 2 專案。

如果您目前有很多專案且 Node.js 版本都不同， 我們推薦您可以學習使用 [nvm](https://github.com/nvm-sh/nvm) 來管理 Node.js 版本。

接著在要使用的資料夾，執行：

```bash
npm install @yasai/piman
```

### Import <a href="#import" id="import"></a>

#### Vue2

```html
//main.js
import Vue from 'vue'

import piman from "@yasai/piman";
import '@yasai/piman/dist/piman.css';
Vue.use(piman)
```

#### Nuxt 2

```javascript
// nuxt.config.js
export default {
  plugins: [
    '@/plugins/piman.js',
  ],
}
```

```javascript
// create a file bp-a11y.js in /plugins
import Vue from 'vue'
import piman from "@yasai/piman";
Vue.use(piman)
```

接下來，就是暸解元件的使用方式。
