Folder Structure

Below is the Vuexy Admin Template folder structure.


vuexy-html-bootstrap-admin-template/
├── app-assets/
|   ├── css/
|   ├── css-rtl/
|   |   └── custom-rtl.css
|   ├── data/
|   ├── fonts/
|   ├── images/
|   ├── js/
|   └── vendors/
|       ├── css/
|       |   └── vendors.min.css
|       |   └── vendors-rtl.min.css
|       ├── js/
|       |   └── vendors.min.js
├── assets/
|   ├── css/
|   ├── js/
|   ├── scss/
├── gulp-tasks/
├── html/
|   ├── ltr/
|   ├── rtl/
├── html-customizer/
|   ├── ltr/
|   ├── rtl/
├── starter-kit/
|   ├── ltr/
|   ├── rtl/
├── src/
|   ├── js/
|   ├── scss/
├── .csscomb.json
├── config.json
├── favicon.ico
├── gulpfile.js (gulp tasks)
└── package.json (gulp package json)

    
  • vuexy-html-bootstrap-admin-template/ : Root template folder contain Vuexy Admin Template all html, js, css, scss, images and other files.
    • app-assets/ : Folder contain all the Vuexy Admin Template assets which have css, js, fonts, images & json files. It is not recommended to change any files from this folder, use the assets folder instead.
      • css/ : All the generated css files from scss. Which contain bootstrap.css, bootstrap-extended.css, app.css, colors.css, themes.css code, pages and plugins css files.
      • css-rtl/ : All generated rtl css files from scss. Which contains custom-rtl.css file and all file's RTL that we have in CSS folder. custom-rtl.css file contains common css of the template.
      • data/ : Dummy JSON data for chats, tables and ajax example.
      • fonts/ : All the fonts files for font-icons.
      • images/ : Template images for image placeholder.
      • js/ : All the generated JS files from src/js.
      • vendors/ : Folder contain all the vendors css and js files in css/ and js/ folder. It also contains minimum required vendors bundled CSS vendors.min.css and JS vendors.min.js file.
    • assets/: Folder contains assets which has sample scss, css, js files. Use folder for user customization purpose, you can add any custom css, js files & images in this folder.
    • gulp-tasks/ : Folder contains all the gupl task files.
    • html/ : Folder contain all the HTML files. It has a text-direction & template name folder.
    • html-customizer/ : Folder contain all the HTML files with built-in customizer. It has also text-direction & template name folder.
    • starter-kit/ : Folder contain all the generated HTML Starter kit files.
    • src/ : Folder contain source files for this template i.e SCSS & JS.
      • js/ : Folder contain all the core, menu, pages & other js files.
      • scss/ : Folder contain bootstrap, bootstrap-extended, app, colors, pages, plugins & themes scss files.
    • .csscomb.json : CSScomb config file. CSScomb is a coding style formatter for CSS.
    • config.json : Template config, Includes source & destination path, vendors array etc...
    • favicon.ico : Favicons are displayed by a web browser next to the title of the website or webpage in the address bar.
    • gulpfile.js : Gulp tasks js file.
    • package.json : NPM packages file.

For more detail about updating the template refer FAQs.