From a80081bb528e1f08a2b6b51ffc0396095fd1d29a Mon Sep 17 00:00:00 2001 From: Malik Whitten <65188863+MalikWhitten67@users.noreply.github.com> Date: Thu, 28 Sep 2023 04:36:31 -0700 Subject: [PATCH] Update project-structure.html --- src/views/docs/base/project-structure.html | 92 ++++++++++++++++++++++ 1 file changed, 92 insertions(+) diff --git a/src/views/docs/base/project-structure.html b/src/views/docs/base/project-structure.html index e69de29..27456d6 100644 --- a/src/views/docs/base/project-structure.html +++ b/src/views/docs/base/project-structure.html @@ -0,0 +1,92 @@ +${ + document.title = "Project Structure | Vader Docs", "" +} + + + + +
+ +

Project Structure

+ +

+ When you create a new project, there are a few things to keep in mind regarding folder structure. + Here's how Vader organizes content on your webpage. +

+ +

Directories

+ +

+ Below is how every vader project should be structured! +

+

+ Every vader root should include these two folders. + src is used for finding relative paths for included page views, public is used in vader to finding + images and fonts for your webpage. +

+ + - **src/*** - Your project source code (components, views, styles, etc.) + - **public/*** - Your public folder (images, fonts, library files) + + + + src/ + + + The + src/ + folder is where most of your project source code lives. This includes: + + + - **components/*** - Your components + - **views/*** - Your views + - **styles/*** - Your styles + - **markdown/*** - Your markdown files + + + + public/ + + + The + public/ + folder contains all of your static assets. This includes: + + + - **images/*** - Your images + - **fonts/*** - Your fonts + - **js/*** - Your external imported javascript libraries + + + + +
+ + + + + + + + + Installing + + + + + + + Components + + + + + + + +
+ +