leolanese / dockerize-development-environment

Dockerize Development Environment

Dockerize Development Environment

Docker is an open platform for developing, shipping, and running applications. This enables you to separate applications from the infrastructure, making the software delivery much faster. It has become a widely used production standard and in order to easily deploy your Angular app to any of the cloud providers, you should dockerize it.

Let's combines Visual Studio Code with Docker to imitate our production settings and create consistency across different environments.

Software required

Both Docker and Visual Studio Code are required to be installed to use this guide.

VScode pluggins required

• Docker
• Remote Containers

Setup

After having the files in the root of your project.

Select from the icon button left:

After a short period of time, you will be switch to the new docker:

You can have a quick look at the available containers using the Remote Explorer (Docker):

---

Further information

Docker best practices

https://docs.docker.com/develop/dev-best-practices/

devcontainer.json reference

https://code.visualstudio.com/docs/remote/containers#_devcontainerjson-reference

---

💯 Thanks!

Now, don't be an stranger. Let's stay in touch!

I'm a passionately curious Front-end Engineer. I like sharing what I know, and learning what I don't. London, UK.

:radio_button: linkedin: @LeoLaneseltd

:radio_button: Twitter: @LeoLaneseltd

:radio_button: Portfolio: www.leolanese.com

:radio_button: DEV.to: dev.to/leolanese

:radio_button: Blog: leolanese.com/blog

:radio_button: Questions / Suggestion / Recommendation: [email protected]