arrow-left

All pages
gitbookPowered by GitBook
1 of 1

Loading...

快速開始

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

hashtag
安裝 Piman

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

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

接著在要使用的資料夾,執行:

npm install @yasai/piman

hashtag
Import

hashtag
Vue2

hashtag
Nuxt 2

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

//main.js
import Vue from 'vue'

import piman from "@yasai/piman";
import '@yasai/piman/dist/piman.css';
Vue.use(piman)
// 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)