axe ui

一套基於Vue3.0 + TS的PC端開源組件庫

簡介

Axe-ui是一套基於Vue3.0 + TS的PC端開源組件庫。使用了最新的vue3 、 TypeScript等主流技術開發，開箱即用。

歡迎大家一起參與共建。一起學習一起成長~ !

特性

• 最新技術棧：使用Vue3 前端前沿技術開發
• TypeScript : 應用程序級JavaScript 的語言

安裝

npm install axe-ui -S

快速使用

全局引入：

 import { createApp } from 'vue'
import App from './App.vue'
import Axe from 'axe-ui'
import 'axe-ui/dist/axe.css'

createApp ( App ) . use ( Axe ) . mount ( '#app' )

本組件支持按需導入。你也可以像下邊這樣，單獨導入需要的組件：

 import { createApp } from 'vue'
import App from './App.vue'
import { AxeInput , AxeButton /* ...其他组件 */ } from 'axe-ui'
// 或者：import AxeButton from 'axe-ui/dist/lib/button/index.js';
import 'axe-ui/dist/css/input/style.css'
import 'axe-ui/dist/css/button/style.css'

const app = createApp ( App )
app . component ( AxeInput . name , AxeInput )
app . component ( AxeButton . name , AxeButton )

/* or
 * app.use(AxeInput)
 * app.use(AxeButton)
 */

app . mount ( '#app' ) 

瀏覽器支持

本地開發推薦使用Chrome 80+ 瀏覽器

支持現代瀏覽器, 不支持IE

IE	Edge	Firefox	Chrome	Safari
not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

開發文檔

• 組件使用官方文檔

常用鏈接

• 常見問題- FQA

更新日誌

• release notes

參與貢獻

如何貢獻：提一個Issue 或者提交一個Pull Request。

貢獻指南： Axe熱烈歡迎你的參與！在編寫代碼前，煩請請先閱讀我們的貢獻指南。他記錄了所有的貢獻須知，可以讓你更快上手源碼庫。

Pull Request:

• Fork 代碼!
• 創建自己的分支: git checkout -b feat/branchName
• 提交你的修改: git commit -am 'feat(function): add xxxxx'
• 推送您的分支: git push origin feat/branchName
• 提交pull request
• 代碼review
• merged ！ ！

特別感謝

下面的貢獻者讓組件庫變得更好，感謝所有為Axe做出貢獻的人!

以貢獻時間為序，感謝：

• @Otto
• @hefeng6500

加入我們

axe-ui是完全開源免費的項目。為幫助開發者更方便地進行使用和參與貢獻，我們創建了微信交流群。有任何使用、開發等問題歡迎在群內提問。

加入有幾下幾種方式：

• 看文檔《加入axe-ui》

• 搜索QQ群加入：762096000 【可先掃下方微信二維碼，若過期再進此群，由我拉你進微信交流群。 】

• 微信交流群：（若過期可通過微信公眾號或者QQ群聯繫我們）

LICENSE

MIT