Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/bohdanmoroziuk/docker-vue-sample
Example of Dockerizing Vue Application
https://github.com/bohdanmoroziuk/docker-vue-sample
containerization docker docker-compose docker-sample docker-vue docker-vue-sample nginx vue3
Last synced: 14 days ago
JSON representation
Example of Dockerizing Vue Application
- Host: GitHub
- URL: https://github.com/bohdanmoroziuk/docker-vue-sample
- Owner: bohdanmoroziuk
- Created: 2024-02-21T18:33:29.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-03-11T17:52:38.000Z (10 months ago)
- Last Synced: 2024-03-11T19:03:34.437Z (10 months ago)
- Topics: containerization, docker, docker-compose, docker-sample, docker-vue, docker-vue-sample, nginx, vue3
- Language: Vue
- Homepage:
- Size: 87.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# docker-vue-sample
> Example of Dockerizing Vue Application
## Project Structure
```txt
.
├── ...
├── src
│ ├── ...
│ ├── App.vue
│ └── main.ts
├── .dockerignore
├── ...
├── compose.development.yaml
├── compose.production.yaml
├── ...
├── Dockerfile
├── ...
├── Makefile
├── nginx.conf
└── ...
```
## App Development
### Start the Development Container
```sh
make dev-start
```
### Stop the Development Container
```sh
make dev-stop
```
### Start the Production Container
```sh
make prod-start
```
### Stop the Production Container
```sh
make prod-stop
```
## Project Setup
```sh
npm install
```
### Compile and Hot-Reload for Development
```sh
npm run dev
```
### Type-Check, Compile and Minify for Production
```sh
npm run build
```
### Run Unit Tests with [Vitest](https://vitest.dev/)
```sh
npm run test:unit
```
### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
```sh
npm run test:e2e:dev
```
Or test the production build with `test:e2e` before deploying (e.g. in CI environments):
```sh
npm run build
npm run test:e2e
```
### Lint with [ESLint](https://eslint.org/)
```sh
npm run lint
```
## Customize configuration
See [Vite Configuration Reference](https://vitejs.dev/config/).