Sign in

In this article, I will explain the simple step by step process of creating a new server with Express in TypeScript.
This example requires basic knowledge of Node.js, npm and Visual Studio Code.

Setup project

Before we get started, we need to create a directory for our project. For this we enter mkdir typescript-express and confirm with Enter.
We change into the directory with cd typescript-express and set up the project.

First, we create a Node.js package with the command npm init -y.
After that we can install the modules for our project. Therefore we install Express with npm i express.
Since…


In this article, I show you how to set up Visual Studio Code to get an overview of your tests and debug individual tests.

In this article we use the example project from the previous article which was about how to set up a new project with jest in Typescript.

Source on GitHub: https://github.com/bromix/typescript-jest-example

As your project continues to grow and increase in complexity, so do the tests grow in number. Let’s just imagine we have a big project with about 100 tests and now one test is failing. You have to know which test it failing, why it’s failing and where in the source code the error occurs.

Getting started

As we did in the previous article, we change the add() function again, causing an…


This is a simple introduction on how to set up tests for your project and write the first test cases.

In this article, I will explain the step by step process of creating a project in TypeScript and setting up a test environment with jest.
This example requires basic knowledge of Node.js, npm and Visual Studio Code.

Create a new project

First, we need a project to be able to write test cases at all. To do this, we create a directory for our project and change into it.

mkdir typescript-jest-example
cd typescript-jest-example


If you have created a project for an Electron application using the Vue CLI, it is not possible to debug the application with Visual Studio Code (e.g. with breakpoints) right out of the box.

This article builds on the article Create an Electron application with Vue and Vuetify. Please read the article first if you have never set up a project for an Electron application with Vue CLI before.

We can build the application for any platform (Windows, MacOS or Linux) with the following command:

npm run electron:build

After the command has finished, we will have an executable Electron application…


This is a simple introduction to how to set up a project in TypeScript.

Update 21.03.2021

  • Updated minor dependencies

Update 17.01.2021

Based on feedback from you guys (thanks for the notes) in the article Testing with JEST in TypeScript, I made adjustments to the build script in this article as well. Furthermore, the dependencies in the project on Github have been updated.

In this article, I will explain the simple step by step process of creating a new project in TypeScript.
This example requires basic knowledge of Node.js, npm and Visual Studio Code.

Preparation

First, we need a directory for our project. In this example we create the folder “typescript-helloworld” and change into it after the creation.


Vuetify offers both dark and light variants of the Material Design specification. By default Vuetify uses the light theme, but can easily be changed to the dark theme.

So what happens if we have scrollable content and switch between dark and light?


Fast project creation with Vue, Vuetify and Electron

Update 21.03.2021

  • Use Electron v11
  • updated all dependencies (minor)
  • no more errors with vuetify because of typescript
  • no more errors with electron and developer-tools

Update 27.09.2020

  • Updated settings for Vue and Vuetify
  • Changed repository of GitHub
  • Fix typing dependencies

Motivation

Currently I am creating many prototypes and needed a framework that would allow me to do this quickly without spending too much time tinkering with configurations, settings and project dependencies.
The examples I found never referred to how to configure all 3 components for a project. That’s what this article is for, with which we can finally set up a new project with max. 6 commands.
In…

bromix

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store