Advanced Dev Container Configuration for TypeScript

How to improve the developer experience for better quality and productivity

Manfred Lange
11 min readSep 11, 2022
Example Directory Structure for TypeScript Dev Container

Introduction

In previous posts here and here, I described how to create a dev container for TypeScript development with VS Code. In this article I am goint to revisit the topic and share the insights I have gained since the publications of those two posts.

The new insights are not invented by me. I don’t take credit for them. They are the result of my learning with and from other people, most of them people who I work with daily. All credit should go to those amazing people. They provide the fertile collaboration necessarily for faster and more profound learning.

In this article I will cover the following topics:

  • Using specific versions to reduce variability
  • Directory structure in a dev container for TypeScript
  • Improve container port mapping
  • Improve VS Code settings for working with containers
  • Improve git client behavior when using trunk-based development
  • A couple of VS Code settings for working with TypeScript
  • Multi-stage Dockerfile for creating container images for…

--

--