Vuetify TypeScript Playground

Vuetify TypeScript Playground is a Vuetify tutorial project based on TypeScript.

Official Docker Image

Features

Here is the highlights of TypeScript Playground:

1. Based on the most modern and latest TypeScript -
2. Material components demo.
3. Docker support.
4. Multi-environment support.
5. NGINX Gzip support.
6. Support Dark / Light color scheme. Self-adaptive color scheme change.

Usage

Project Setup

Recommended IDE is the latest version JetBrains WebStorm.

1. Clone or download this project.

   $ git clone https://github.com/johnnymillergh/typescript-playground.git

2. Project setup.

   npm install

Compiles and Hot-reloads for Development

npm run serve

Compiles and Minifies for Production

npm run build

Run Your Unit Tests

npm run test:unit

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

Docker Integration

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

The Procedures of Docker Deployment

1. Compile and minify source (can be deferred by environment, if it’s development_docker, then the command could be npm run build:dev_dkr)

   npm run build

2. Build Docker image and run by Docker Compose. Available Docker Compose:

   • development_docker
   • test
   • stage
   • production

Maintainers

@johnnymillergh.

Contributing

Feel free to dive in! Open an issue.

Contributors

This project exists thanks to all the people who contribute.

• Johnny Miller [@johnnymillergh]
• …

Sponsors

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)]

License

Apache License © Johnny Miller

2019 - Present