在選擇好意中的前端開發基本框架後，接下來乙個重要任務就是選擇一款好的ui元件庫。其中，uikit元件庫是一款基於less+js的一款輕量級、模組化、響應式的前端ui元件庫。特別是，從版本3.0.0 beta 31開始完全脫離了jquery框架。
uikit元件庫的乙個重要特點是，其提供的元件大部分是非常基礎性的，但是也有一部分元件相當實用，例如slideshow元件、upload元件、video元件等，在github**上的評價星數是13k，相當不錯。
另乙個vuikit庫尚非常年輕，其目標是基於流行的uikit打造針對vue.js的元件庫。建議目前先不要選擇這個。
有關最新的vue框架中使用uikit庫的資料在網路上極其少見。本人經過幾天的分析實驗總結了在目前最新的vue cli 3開發中使用uikit 3元件庫的基本思路。有了這個基本示例，結合你所熟悉的vue開發技巧，就能快速實現常見的基於vue前端框架的專案。
或者：但是，安裝之前，官方資料強調必須先解除安裝以前的版本，命令如下：
在使用命令vue create 《專案名稱》建立乙個vue前端工程框架後，你就可以使用下面命令把uikit元件庫新增到當前vue工程中：
yarn add uikit
為了簡單起見，我們直接使用uikit官方**上提供的例子作為說明（主要介紹步驟）。
**如下：
>
修改後完整的**如下：
option 01option 02
a b
a b
注意到，與上面模板部分**的區別是，我新增了和
兩個外層，非常簡單吧。 # 三、執行效果 我使用的是webstorm ide。於是，在系統內建的命令列下執行： yarn serve啟動對專案的熱編譯和內建web伺服器。然後，再google chrome中開啟http://localhost:8080/，效果如下圖所示： !( # 參考 1, 2, 3,
Vue CLI 3開發中試用UIkit 3元件庫
在選擇好意中的前端開發基本框架後，接下來乙個重要任務就是選擇一款好的ui元件庫。其中，uikit元件庫是一款基於less js的一款輕量級 模組化 響應式的前端ui元件庫。特別是，從版本3.0.0 beta 31開始完全脫離了jquery框架。uikit元件庫的乙個重要特點是，其提供的元件大部分是非...
Vue CLI 3開發中試用UIkit 3元件庫
在選擇好意中的前端開發基本框架後，接下來乙個重要任務就是選擇一款好的ui元件庫。其中，uikit元件庫是一款基於less js的一款輕量級 模組化 響應式的前端ui元件庫。特別是，從版本3.0.0 beta 31開始完全脫離了jquery框架。uikit元件庫的乙個重要特點是，其提供的元件大部分是非...
Vue CLI 3開發中試用UIkit 3元件庫
在選擇好意中的前端開發基本框架後，接下來乙個重要任務就是選擇一款好的ui元件庫。其中，uikit元件庫是一款基於less js的一款輕量級 模組化 響應式的前端ui元件庫。特別是，從版本3.0.0 beta 31開始完全脫離了jquery框架。uikit元件庫的乙個重要特點是，其提供的元件大部分是非...