快速開始

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

安裝 Piman

開始使用前需要先安裝 Node.js 18 版本並且建立 Vue 2 或 Nuxt 2 專案。

如果您目前有很多專案且 Node.js 版本都不同， 我們推薦您可以學習使用 nvm 來管理 Node.js 版本。

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

npm install @yasai/piman

Import

Vue2

//main.js
import Vue from 'vue'

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

Nuxt 2

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

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

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