Bootdo Vue是基于Vue.js框架開發(fā)的一款管理平臺前端模板,具有簡潔明快的界面、豐富的組件庫和易于擴(kuò)展的特點(diǎn)。
在使用Bootdo Vue之前,需要先安裝Node.js和npm(Node.js自帶),然后在命令行中使用npm安裝腳手架Vue CLI:
npm install -g vue-cli
然后使用Vue CLI創(chuàng)建一個基于Webpack模板的新項(xiàng)目:
vue init webpack my-project
安裝依賴包并啟動開發(fā)服務(wù)器:
cd my-project
npm install
npm run dev
現(xiàn)在可以在瀏覽器中訪問http://localhost:8080來查看項(xiàng)目的初始頁面。接下來可以開始使用Bootdo Vue提供的組件和樣式。
例如,可以在App.vue文件中引入Bootdo的CSS文件:
<style>
@import "../static/cdn/bootdo.min.css";
</style>
然后在組件模板中使用Bootdo Vue的組件,例如表格組件:
<bd-grid :table-data="tableData" :col-model="colModel"></bd-grid>
Bootdo Vue還提供了許多其他的組件,例如表單組件、日期選擇器、分頁組件等等,詳見官方文檔。