Getting Started #

Vite Install #

Vite のプロジェクトで jao UI を使用する方法について説明します。

プロジェクトを作成していない場合は、以下のコマンドを実行することで作成することができます。コマンド実行後は、画面の指示に従ってください。

$ npm init vite@latest

次に、 npm や Yarn を使って jao UI をインストールします。

npm を使用する場合：

$ npm install @jaoafa/jao-ui

Yarn を使用する場合：

$ yarn add @jaoafa/jao-ui

最後に、 jao UI をアプリケーションに追加します。 src/main.ts もしくは src/main.js を次のように書き換え、使用するプラグインとして追加します。

import { createApp } from 'vue'
import jaoUI from '@jaoafa/jao-ui'
import App from './App.vue'
import '@jaoafa/jao-ui/dist/style.css'

// createApp(App).mount('#app')
const app = createApp(App)
app.use(jaoUI)
app.mount('#app')

Vue CLI Install #

Vue CLI のプロジェクトで jao UI を使用する方法について説明します。

プロジェクトを作成していない場合は、以下コマンドを実行することで作成することができます。コマンド実行後は、画面の指示に従ってください。

$ vue create project-name

次に、 npm や Yarn を使って jao UI をインストールします。

npm を使用する場合：

$ npm install @jaoafa/jao-ui

Yarn を使用する場合：

$ yarn add @jaoafa/jao-ui

最後に、 jao UI をアプリケーションに追加します。 src/main.js を次のように書き換え、使用するプラグインとして追加します。

import { createApp } from 'vue'
import jaoUI from '@jaoafa/jao-ui'
import App from './App.vue'
import '@jaoafa/jao-ui/dist/style.css'

// createApp(App).mount('#app')
const app = createApp(App)
app.use(jaoUI)
app.mount('#app')