,

Configuring GIT, Husky, and Pre-Commit in Express JS Tutorial with TypeScript

Posted by

TUTORIAL EXPRESS JS DENGAN TYPESCRIPT – KONFIGURASI GIT, HUSKY DAN PRE-COMMIT

TUTORIAL EXPRESS JS DENGAN TYPESCRIPT – KONFIGURASI GIT, HUSKY DAN PRE-COMMIT

Express JS adalah salah satu framework Node.js yang sangat populer untuk mengembangkan aplikasi web. Dalam tutorial ini, kita akan belajar bagaimana menggunakan Typescript dengan Express JS serta konfigurasi Git, Husky, dan Pre-Commit untuk mempermudah dalam pengembangan kode.

Persiapan Awal

Pertama-tama, pastikan Anda sudah memiliki Node.js dan npm terinstall di komputer Anda. Jika belum, Anda dapat mengunduh dan menginstallnya dari situs resmi Node.js.

Instalasi Express dan Typescript

Langkah pertama adalah membuat proyek baru dan menginstall Express JS serta Typescript. Untuk melakukan hal ini, buka terminal atau command prompt dan jalankan perintah berikut:


npm init -y


npm install express typescript @types/express

Selanjutnya, buat file konfigurasi untuk Typescript dengan nama tsconfig.json dan tambahkan konfigurasi berikut:


{
"compilerOptions": {
"target": "ES6",
"module": "commonjs",
"outDir": "./dist",
"strict": true,
"esModuleInterop": true
}
}

Konfigurasi Git, Husky, dan Pre-Commit

Setelah proyek Anda telah siap dengan Express JS dan Typescript, kita akan melakukan konfigurasi Git, Husky, dan Pre-Commit. Pertama-tama, pastikan Anda sudah menginstall Git di komputer Anda.

Selanjutnya, buatlah file .gitignore dan tambahkan file atau folder yang ingin Anda abaikan dalam Git.

Setelah itu, install Husky dan Pre-Commit dengan perintah berikut:


npm install husky @types/husky lint-staged

Selanjutnya, tambahkan konfigurasi Husky dan Pre-Commit di dalam file package.json:


"husky": {
"hooks": {
"pre-commit": "lint-staged"
}
},
"lint-staged": {
"*.ts": [
"npm run lint",
"git add"
]
}

Dengan konfigurasi tersebut, setiap kali Anda akan melakukan commit, maka akan dijalankan linting untuk file TypeScript Anda dan dilakukan penambahan file yang telah diubah ke dalam commit.

Penutup

Dengan konfigurasi yang sudah Anda lakukan, pengembangan aplikasi web menggunakan Express JS dan Typescript akan menjadi lebih mudah. Anda dapat fokus pada penulisan kode tanpa perlu khawatir tentang kesalahan-kesalahan kecil yang bisa dihindari dengan menggunakan Git, Husky, dan Pre-Commit. Selamat mencoba!