Folder Structure
Spruha/
├── vscode
├── node_modules
├── public/
| ├── Vite.svg
├── src/
| ├── assets
| | ├── css
| | ├── icons
| | ├── img
| | ├── img1
| | ├── langing
| | ├── plugins
| | ├── scss
| | └── switcher
| ├── components
| ├── Router/
| ├── index.js
| ├── Shared/
| | ├── Components/
| | ├── BacktoTop
| | ├── Header
| | ├── RightSide
| | ├── Sidebar
| | ├── Footer
| | ├── Switcher
| | ├── Layouts/
| | ├── Errorpagesinfo.vue
| | ├── Landingpage.vue
| | ├── MainDashboard.vue
| | ├── Messagesinformation.vue
| | ├── Themepage.vue
| ├── .env
| ├── App.vue
├── main.js
├── gulpfile
├── style.scss
├── gitignore
├── index.html
├── package-lock.json
├── package.json
├── README.md
└── vite.config.js
# |
File |
Purpose |
|
node_modules |
Node.js creates this folder and puts all third party
modules listed in package.json inside of it.
|
|
favicon.ico |
Every site wants to look good on the bookmark bar. Get
started with your very own icon.
|
|
index.html |
The main HTML page that is served when someone visits
your site. Most of the time you'll never need to edit
it. The CLI automatically adds all js and css files
when building your app so you never need to add any
<script> or
<link> tags here manually.
|
|
index.js |
Routing basically means navigating between pages. You
have seen many sites with links that direct you to a
new page. This can be achieved using routing.
|
|
main.js |
Import default styles component in Globally (on your main.js ) :
|
|
app.js |
Defines AppModule, the root module that tells
how to assemble the application. Right now it declares
only the AppComponent. Soon there will be more
components to declare.
|
|
assets |
A folder where you can put images, css, json data
anything else to be copied wholesale when you build
your application.
|
|
styles.scss |
Your global styles go here. Most of the time you'll
want to have local styles in your components for
easier maintenance, but styles that affect all of your
app need to be in a central place.
|
|
.gitignore |
Git configuration to make sure autogenerated files are
not commited to source control.
|
|
package.json |
npm configuration listing the third party packages
your project uses. You can also add your own custom
scripts here.
|
|
|
README.md |
Basic documentation for your project, pre-filled with
CLI command information. Make sure to enhance it with
project documentation so that anyone checking out the
repo can build your app!
|