Skip to content

1. Setup

Apa itu TypeScript?

  1. TypeScript menambahkan sintaks tambahan ke JavaScript untuk mendukung integrasi yang lebih erat dengan editor Anda. Hal ini memungkinkan untuk menangkap kesalahan secara dini di dalam editor Anda.
  2. Kode TypeScript akan diubah menjadi JavaScript ketika dijalankan di mana pun baik itu di browser maupun di server.
  3. TypeScript membuat JavaScript dapat menggunakan static typing yang berarti tipe data variabel harus ditentukan saat deklarasi, sehingga lebih aman dan mudah dideteksi jika ada kesalahan

Alt text

Sumber : https://www.typescripttutorial.net/typescript-tutorial/what-is-typescript/

Mengapa harus mengguakan TypeScript?

Tujuan Utama mengguakna TypeScript ?

  1. TypeScript meningkatkan produktivitas dengan membantu menghindari kesalahan (bug) dalam pengembangan perangkat lunak.
  2. TypeScript membawa fitur-fitur JavaScript masa depan ke saat ini.

Setup TypeScript

  1. Install Node.js (https://nodejs.org/en)
  2. Install Kompiler TypeScript

terminal
npm install -g typescript
tsc --v
npm install -g ts-node
npm install -g nodemon
npm init
tsc --init
Alt text

  1. Konfigurasi Basic File tsconfig.json
tsconfig.json
{
   "compilerOptions": {
       ...
      "rootDir": "./src",
      "outDir": "./build",
      "noEmitOnError": true,
      ...
   },
  "include": ["src"]

}
  1. Konfigurasi File package.json
package.json
{
  "name": "typescript",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build" : "tsc -w",
    "dev" : "nodemon src/index.ts"
  },
  "author": "",
  "license": "ISC"
}