---
# System prepended metadata

title: Vue專案結構

---

專案結構
===

SPA
---
```
.
├── .husky
├── dist
├── public
├── src
│   ├── assets
│   │   └── images
│   ├── components
│   │   ├── componentNameComponent
│   │   │   ├── __tests__
│   │   │   │   ├── __snapshots__
│   │   │   │   │   └── componentNameComponent.spec.ts.snap
│   │   │   │   └── componentNameComponent.spec.ts
│   │   │   └── index.vue
│   ├── layout
│   ├── pages
│   │   ├── pageNamePage
│   │   │   ├── components
│   │   │   │   ├── componentNameComponent
│   │   │   │   │   ├── __tests__
│   │   │   │   │   │   ├── __snapshots__
│   │   │   │   │   │   │   └── componentNameComponent.spec.ts.snap
│   │   │   │   │   │   └── componentNameComponent.spec.ts
│   │   │   │   │   ├── index.vue
│   │   │   │   │   └── types.d.ts
│   │   │   ├── index.ts
│   │   │   ├── index.vue
│   │   │   └── types.d.ts
│   ├── router
│   │   └── index.ts
│   ├── styles
│   ├── types
│   │   ├── global.d.ts
│   │   └── vite-env.d.ts
│   ├── utils
│   ├── dev.ts
│   └── main.ts
├── package-lock.json
├── package.json
├── tsconfig.json
├── tsconfig.node.json
├── vite.config.ts
├── .eslintrc.json
├── .prettierrc
├── .stylelintrc
├── docker-compose.yml
└── README.md
```

SSR
---
```
.
├── .husky
├── app
├── bootstrap
├── config
├── database
├── public
├── resources
│   ├── assets
│   │   └── images
│   ├── components
│   │   ├── componentNameComponent
│   │   │   ├── __tests__
│   │   │   │   ├── __snapshots__
│   │   │   │   │   └── componentNameComponent.spec.ts.snap
│   │   │   │   └── componentNameComponent.spec.ts
│   │   │   └── index.vue
│   ├── layout
│   ├── pages
│   │   ├── pageNamePage
│   │   │   ├── components
│   │   │   │   ├── componentNameComponent
│   │   │   │   │   ├── __tests__
│   │   │   │   │   │   ├── __snapshots__
│   │   │   │   │   │   │   └── componentNameComponent.spec.ts.snap
│   │   │   │   │   │   └── componentNameComponent.spec.ts
│   │   │   │   │   ├── index.vue
│   │   │   │   │   └── types.d.ts
│   │   │   ├── index.ts
│   │   │   ├── index.vue
│   │   │   └── types.d.ts
│   ├── styles
│   ├── types
│   │   ├── global.d.ts
│   │   └── vite-env.d.ts
│   └── views
│       ├── vue.blade.php
│       └── welcome.blade.php
├── routes
├── storage
├── tests
├── artisan
├── composer.json
├── composer.lock
├── package-lock.json
├── package.json
├── phpunit.xml
├── vite.config.ts
├── .eslintrc.json
├── .prettierrc
├── .stylelintrc
├── docker-compose.yml
└── README.md
```