Mengotomatiskan Perintah dengan VS Code Tasks
VS Code punya sistem task yang membantu mengotomatiskan perintah-perintah berulang seperti menjalankan script, menginstall dependency, dan mengeksekusi test. Dengan menggunakan `tasks.json`, developer bisa mendefinisikan dan menjalankan perintah umum secara efisien. Artikel ini membahas dasar-dasar konfigurasi dan menjalankan task di VS Code.
Abstrak
VS Code punya sistem task yang membantu mengotomatiskan perintah-perintah berulang seperti menjalankan script, menginstall dependency, dan mengeksekusi test. Dengan menggunakan tasks.json, developer bisa mendefinisikan dan menjalankan perintah umum secara efisien. Artikel ini membahas dasar-dasar konfigurasi dan menjalankan task di VS Code.
Pendahuluan
Visual Studio Code (VS Code) punya dukungan bawaan untuk otomatisasi task. Dengan mendefinisikan task di file tasks.json, developer bisa menyederhanakan workflow dan tidak perlu lagi menjalankan perintah yang sering dipakai secara manual. Fitur ini sangat berguna untuk mengelola environment development, mengotomatiskan eksekusi test, dan menyederhanakan setup project.
Di artikel ini, kita akan membahas dasar-dasar konfigurasi task di VS Code, menggunakan tasks.json untuk mendefinisikan dan menjalankan perintah development yang umum.
Isi Utama
1. Memahami tasks.json
File tasks.json terletak di dalam folder .vscode sebuah project dan berisi definisi task. Task-task ini bisa dijalankan langsung dari command palette VS Code.
1.1 Contoh Konfigurasi
{
"version": "2.0.0",
"tasks": [
{
"label": "npm install",
"type": "shell",
"command": "npm install"
},
{
"label": "npm run dev",
"type": "shell",
"command": "npm run dev"
},
{
"label": "run test in apps",
"type": "shell",
"command": "cd apps && npm run cy:e2e"
}
]
}2. Penjelasan Property Utama
version– Menentukan format konfigurasi task (2.0.0adalah versi terbaru).tasks– Array berisi objek-objek task yang mendefinisikan perintah tertentu.label– Nama task yang muncul di VS Code saat memilih task yang akan dijalankan.type– Mendefinisikan tipe eksekusi ("shell"artinya perintah dijalankan di terminal).command– Perintah shell yang sebenarnya akan dieksekusi.
3. Penjelasan Setiap Task
3.1 Install Dependency
Task ini menjalankan npm install untuk menginstall dependency project.
3.2 Menjalankan Development Server
Mengeksekusi npm run dev untuk menjalankan development server.
3.3 Menjalankan Test
Berpindah ke direktori apps dan menjalankan Cypress end-to-end test dengan npm run cy:e2e.
Menjalankan Task di VS Code
Untuk mengeksekusi sebuah task:
- Buka Command Palette (
Ctrl+Shift+PatauCmd+Shift+Pdi macOS). - Cari "Tasks: Run Task" dan pilih.
- Pilih task yang diinginkan lalu tekan Enter untuk menjalankannya.
Kesimpulan
Menggunakan tasks.json di VS Code menyederhanakan otomatisasi workflow, mengurangi perintah berulang, dan meningkatkan efisiensi. Baik untuk menginstall dependency, menjalankan development server, maupun mengeksekusi test, VS Code tasks membuat proses development jadi lebih lancar.
Referensi
- Microsoft. (n.d.). Tasks in Visual Studio Code
Tinggalkan komentar