2. Setup Project TS

tech

Table of Content

• Introduction
• Setup
• Set Directory
• Automatic Run
• Setting Nodemon Script

Introduction

Sebelum ngoding, biasanya kita setup mulai dari initialisasi hingga instalasi plugin pendukung.

Setup

• Seperti biasa kita akan initialisasi project dengan ketik perintah npm init -y;
• Install typescript (sebelumnya kan kita sudah install cli nya) dengan ketik perintah npm install --save-dev typescript
• Terakhir ketik perintah tsc --init maka struktur folder akan seperti gambar dibawah.
  

Set Directory

Set url directory di tsconfig.json

Info:

• src = tempat menyimpan kode js
• dist = tempat hasil compiler ts.

Automatic Run

Agar automatic run ts nya kita biasa pakai nodemon.

npm install --save-dev nodemon

Setting Nodemon Script

Set Nodemon Script CLI nya di package json. Sesuaikan dengan nama file kalian ya.

Jangan Lupa Build

Setelah kita coding ts, jangan lupa untuk ketik perintah npm run build. maka hasil build akan tersimpan di folder dist.

Untuk melihat hasil silahkan ketik perintah npm start;

Date: 05-09-2025