This is Vue.js version of our Bootstrap 4 admin template CoreUI.
這是我們Bootstrap 4管理模板CoreUI的Vue.js版本。
Please help us on Product Hunt & Designer News. Thanks in advance!
請在產品搜尋和設計師新聞上幫助我們。 提前致謝!
Why I decided to create CoreUI? Please read this article: Jack of all trades, master of none. Why Boostrap Admin Templates suck.
為什麼我決定創建CoreUI? 請閱讀這篇文章:萬事通,無精打採。 為什麼Boostrap管理模板很爛。
CoreUI is an Open Source Vue & Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.
CoreUI是一個開源Vue&Bootstrap管理模板。 但是CoreUI不僅僅是另一個管理模板。 得益於透明的代碼和文件結構,它遠遠超越了迄今為止的管理模板。 如果這還不夠,我們只需添加一下CoreUI就可以了,它包含許多獨特的功能和1000多個高質量的圖標。
CoreUI is based on Bootstrap 4 and offers 6 versions: HTML5 AJAX, HTML5 Static, AngularJS, Angular 2+, React.js & Vue.js.
CoreUI基於Bootstrap 4,並提供6個版本:HTML5 AJAX,HTML5靜態,AngularJS,Angular 2 +,React.js和Vue.js。
CoreUI is meant to be the UX game changer. Pure & transparent code is devoid of redundant components, so the app is light enough to offer ultimate user experience. This means mobile devices also, where the navigation is just as easy and intuitive as on a desktop or laptop. The CoreUI Layout API lets you customize your project for almost any device – be it Mobile, Web or WebApp – CoreUI covers them all!
CoreUI旨在成為UX遊戲改變者。 純透明的代碼沒有多餘的組件,因此該應用程式足夠輕巧,可以提供最終的用戶體驗。 這也意味著行動裝置,其導航就像在臺式機或筆記本電腦上一樣簡單直觀。 CoreUI Layout API允許您針對幾乎任何設備(行動裝置,Web或WebApp)自定義項目,CoreUI涵蓋了所有設備!
# clone the repo$ git clone https://github.com/coreui/coreui-free-vue-admin-template.git CoreUI-Vue# go into app's directory$ cd CoreUI-Vue# install app's dependencies$ npm install
用法 (Usage)
# serve with hot reload at localhost:8080npm run serve# build for production with minificationnpm run build# run linternpm run lint# run unit testsnpm run test:unit# run e2e testsnpm run test:e2e
For a detailed explanation on how things work, check out the Vue CLI Guide.
有關工作原理的詳細說明,請參閱《 Vue CLI指南》 。
包含什麼 (What's included)
Within the download you'll find the following directories and files:
在下載中,您將找到以下目錄和文件:
CoreUI-Vue/├── public/ # pure static assets (directly copied)│ └── index.html # index.html template├── src/ # project root│ ├── assets/ # module assets (processed by webpack)│ │ └── scss/ # user styles│ ├── components/ # ui components│ ├── containers/ # ui containers│ ├── router/ # routing │ ├── shared/ # utils│ ├── views/ # ui views│ ├── _nav.js # sidebar nav config│ ├── App.vue # main app component│ └── main.js # app entry file├── test/│ └── unit/ # unit tests│ └── e2e/ # e2e tests├── .eslintrc.js # eslint config├── .gitignore # defaults for gitignore├── .postcssrc.js # postcss config├── CHANGELOG.md├── README.md├── babel.config.js # babel config├── jest.config.js # jest config├── vue.config.js # vue-cli config├── LICENSE└── package.json # build scripts and dependencies
翻譯自: https://vuejsexamples.com/a-free-vue-admin-template-based-on-bootstrap-4/