Awesome
Vue Pro Sidebar
A responsive sidebar template version of the HTML pro side bar which has a configuration of files structure and Vue ecosystem including Vuex and Vue-router (with code splitting feature) it's developed using Vue-cli 3, it's serves as starter and saves your time when you launch a new project.
Original versions made by Azouaoui Mohamed Check HTML version And Angular version
And React version developed by bRIMOs
Screenshots
Demo
Quick start
Clone the project and go to its root and run
npm install
npm run serve
Navigate to http://127.0.0.1:8080/.
Resources
This app doesn't use any CSS framework or assets provider.
Directory structure
-src
|_@use // it contains composition functions (from composition api plugin)
|_assets // it contains images, fonts ...
|_components // reusable components like buttons, dropdowns ...
|_directives // where you define your custom directives
|_layout // the page layout which contains header,sidebar and main content
|_routes // where you define the router and the different navigation routes
|_store // it contains the global Vuex store
|_styles // it contains the CSS and SCSS files
|_utils // where you define the global function helpers
|_views // the pages and routes which should be shown in the main content
|_app.scss // it contains common and global style
|_app.vue // the root component
|_main.js // it defines the vue instance and uses the different plugin
License
This code is released under the MIT license.