溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

如何入門Vue 2.0的模塊化前端UI 組件庫

發(fā)布時間：2021-09-15 10:47:52 來源：億速云 閱讀：116 作者：柒染 欄目：web開發(fā)

這篇文章給大家介紹如何入門Vue 2.0的模塊化前端UI 組件庫，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

AT-UI 是一款基于 Vue.js 2.0 的輕量級、模塊化前端 UI 組件庫，主要用于快速開發(fā) PC 網(wǎng)站產(chǎn)品。

專門為桌面應用程序構建，AT-UI 提供了一套 npm + webpack + babel 前端開發(fā)工作流程，以及一個體面的干凈整潔的 UI 組件。

特性

  • 基于 Vue 開發(fā)的 UI 組件

  • 基于 npm + webpack + babel 的工作流，支持 ES2015

  • CSS 樣式獨立，保證不同的框架實現(xiàn)都能保持統(tǒng)一的 UI 風格（ 詳見： AT-UI Style ）

  • 提供友好的 API，可靈活的使用組件

支持環(huán)境

  • 現(xiàn)代瀏覽器和 IE9 及以上

  • Electron

  • NW.js

安裝

  • 推薦使用 npm 安裝

npm install at-ui

  • 也可以使用 <script> 全局引用

<script type="text/javascript" src="at.min.js"></script>

使用

由于 AT-UI 的樣式獨立成了單獨的項目，所以在使用  AT-UI 前，需要安裝  at-ui-style 。可采用 npm 的方式安裝，或者使用  <script> 標簽的方式引入樣式文件。

npm install at-ui-style

或者

<link rel="stylesheet" href="at.min.css" rel="external nofollow" />

關于如何入門Vue 2.0的模塊化前端UI 組件庫就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內容（圖片、視頻和文字）以原創(chuàng)、轉載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內容。

AI
助
手