Untuk menjalankan perintah proyek yang sama dari VS Code di Mac Anda, tentukan perintah tersebut sebagai tugas ruang kerja di .vscode/tasks.json. Kemudian jalankan dari Command Palette atau menu Terminal alih-alih mengetik ulang di terminal. Panduan ini menggunakan npm test sebagai contoh; ganti dengan perintah yang sudah didukung oleh proyek Anda. Tugas VS Code memerlukan folder ruang kerja yang terbuka, jadi buka folder proyek di VS Code terlebih dahulu. Visual Studio Code: Integrate with External Tools via Tasks

Buat file tugas di proyek Anda

Di VS Code, buka Command Palette dengan Shift+Command+P, jalankan Tasks: Configure Task, dan pilih Create tasks.json file from template jika VS Code menawarkan opsi tersebut. Pilih Others untuk tugas kustom. Jika tasks.json sudah ada, buka dan edit file tersebut alih-alih membuat yang kedua. File ini berada di folder .vscode milik proyek; melakukan commit file ini bersama proyek Anda akan membuat tugas tersebut tersedia bagi kolaborator yang menggunakan VS Code. Visual Studio Code: Integrate with External Tools via Tasks

Sebagai contoh, masukkan konfigurasi ini ke dalam .vscode/tasks.json:

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Run project tests",
      "type": "shell",
      "command": "npm",
      "args": ["test"],
      "options": {
        "cwd": "${workspaceFolder}"
      },
      "presentation": {
        "reveal": "always",
        "panel": "dedicated"
      }
    }
  ]
}

Label tugas (task label) adalah nama yang akan Anda pilih di VS Code. Di sini, command dan args mengekspresikan contoh ini sebagai executable npm yang diikuti oleh argumen test. Ubah bagian ini agar sesuai dengan perintah yang sudah ada di proyek Anda: misalnya, alat command-line dan argumennya, atau skrip yang sudah ada. Tugas ini tidak menginstal dependensi, membuat skrip proyek, atau menentukan apa yang harus dilakukan oleh perintah tersebut. Periksa dokumentasi atau skrip proyek itu sendiri terlebih dahulu. cwd menetapkan direktori kerja ke folder yang dibuka sebagai ruang kerja; hal ini penting saat suatu perintah membutuhkan file proyek relatif terhadap folder tersebut. Visual Studio Code: Integrate with External Tools via Tasks

Jalankan lagi dari antarmuka Mac

Simpan tasks.json. Buka Command Palette dengan Shift+Command+P, jalankan Tasks: Run Task, lalu pilih Run project tests. Anda juga dapat menggunakan Terminal > Run Task. Setelah tugas selesai, ulangi langkah-langkah tersebut dan pilih label yang sama. Tugas yang telah dikonfigurasi akan berjalan di terminal terintegrasi VS Code. Visual Studio Code: Integrate with External Tools via Tasks

Pada contoh tersebut, reveal: always akan memunculkan panel terminal ke depan saat tugas berjalan. panel: dedicated menggunakan kembali terminal untuk tugas ini pada operasi berikutnya, menjaga agar output-nya terpisah dari tugas lain. Untuk menjaga output tetap di latar belakang, setel reveal ke never; Anda harus memunculkan panel terminal sendiri ke depan untuk memeriksanya. Opsi-opsi ini memengaruhi tampilan presentasi, bukan perilaku perintah atau apakah perintah tersebut berhasil. Visual Studio Code: Integrate with External Tools via Tasks

Sesuaikan konfigurasi dengan cara perintah Anda berjalan

Gunakan type: shell jika perintah bergantung pada perilaku shell. Untuk perintah yang harus meluncurkan executable secara langsung, type: process dapat menghindari interpretasi shell. VS Code mendokumentasikan kedua jenis tugas ini; pilihlah sesuai dengan perintah dan argumen yang Anda butuhkan. Pada tugas shell, spasi dan karakter khusus mungkin memerlukan tanda kutip. Memisahkan executable dan argumen seperti pada contoh membantu menghindari penempatan seluruh baris perintah dalam satu string, meskipun aturan tanda kutip khusus shell tetap berlaku jika diperlukan. Visual Studio Code: Integrate with External Tools via Tasks

Jika perintah harus dimulai di subfolder, ubah cwd ke jalur di bawah ${workspaceFolder}, seperti ${workspaceFolder}/client. ${workspaceFolder} merujuk ke folder yang dibuka di VS Code, dan jalur macOS menggunakan garis miring (slash). Jika Anda menggunakan variabel dalam tugas shell, ingatlah bahwa substitusi tidak menambahkan tanda kutip secara otomatis; jalur yang mengandung spasi mungkin memerlukan tanda kutip yang sesuai dengan shell. Visual Studio Code: Variables Reference

Jika tugas berfungsi di jendela Terminal biasa tetapi gagal di VS Code, periksa apakah executable tersedia di lingkungan yang digunakan VS Code dan apakah direktori kerja yang dipilih berisi file yang diharapkan. VS Code memungkinkan shell otomatisasi dikonfigurasi secara terpisah melalui terminal.integrated.automationProfile.*, atau shell khusus tugas melalui options.shell; suatu tugas tidak menjamin lingkungan yang sama persis seperti terminal interaktif yang sudah terbuka. Visual Studio Code: Integrate with External Tools via Tasks

Tugas adalah cara yang dapat diulang untuk memanggil perintah dan memeriksa output terminalnya. Fitur ini tidak membuat perintah proyek, memperbaiki perintah yang gagal, atau menyimpulkan setiap perintah yang digunakan oleh suatu proyek secara otomatis. Mulailah dengan perintah yang sudah berjalan untuk proyek tersebut, lalu sesuaikan label tugas, argumen, direktori kerja, dan tampilan terminalnya agar sesuai dengan rutinitas Anda.

Sumber