Vuetify TypeScript Playground is a Vuetify tutorial project based on TypeScript.
Here is the highlights of TypeScript Playground:
- Based on the most modern and latest TypeScript -
- Material components demo.
- Docker support.
- Multi-environment support.
- NGINX Gzip support.
- Support
Dark
/Light
color scheme. Self-adaptive color scheme change.
Recommended IDE is the latest version JetBrains WebStorm.
-
Clone or download this project.
$ git clone https://github.com/johnnymillergh/typescript-playground.git
-
Project setup.
npm install
npm run serve
npm run build
npm run test:unit
npm run lint
Docker deployment can defer by environment. Here is the list of environments:
# | Environment Name | Environment Alias Name | Description |
---|---|---|---|
1 | development_docker | dev_dkr | |
2 | test | test | |
3 | stage | stage | |
4 | production | prod |
-
Compile and minify source (can be deferred by environment, if it’s
development_docker
, then the command could benpm run build:dev_dkr
)npm run build
-
Build Docker image and run by Docker Compose. Available Docker Compose:
- development_docker
- test
- stage
- production
Feel free to dive in! Open an issue.
This project exists thanks to all the people who contribute.
- Johnny Miller [@johnnymillergh]
- …
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](Become a sponsor)]
Apache License © Johnny Miller
2019 - Present