The Visual Studio Code Workspace adalah kumpulan file yang dibuka dalam satu jendela. Ruang Kerja dapat berupa satu folder, tetapi dalam beberapa kasus, akan menyertakan banyak file dalam alur kerja pengembangan yang dikenal sebagai Ruang Kerja multi-root. Jika Anda sedang mengerjakan sebuah proyek dan harus membuka banyak file di platform ini, fitur Workspace baru dapat membantu. Anda akan dapat membuka beberapa file di jendela yang sama, sehingga mudah untuk mengakses semua dokumen yang diperlukan. File .code-Workspaces digunakan untuk menyimpan konfigurasi folder proyek. Setelah dikonfigurasi, secara otomatis akan membuka berbagai file di jendela yang sama. Ini juga jauh lebih cepat dan lebih mudah diatur daripada menulis skrip shell. Lihat cara membuat Ruang Kerja Kode VS.
Membuat Ruang Kerja Baru di Kode VS
Ruang Kerja Anda sering kali merupakan salinan lokal dari basis kode tim yang dapat Anda gunakan untuk menguji dan mengembangkan kode Anda. Dalam kebanyakan kasus, itu dibuat secara otomatis saat Anda membuka folder VS. Namun, Anda mungkin ingin membuat beberapa file untuk melacak semua perubahan yang Anda buat di berbagai cabang proyek. Berikut cara menggabungkan file-file itu ke dalam VS Code Workspace.
Pilih folder yang Anda inginkan di Workspace Anda.Tambahkan ke Workspace dengan menavigasi ke “File” lalu “Add Folder to Workspace.” Dengan pengaturan tempat kerja Anda, simpan yang baru forum dengan masuk ke “File” lalu “Save Workspace As.”
Workspace baru Anda sekarang telah dibuat di VS Code, dan namanya akan muncul sebagai (Nama).code-Workspace.
Pengaturan Ruang Kerja
Pengaturan ini mengesampingkan pengaturan default dan dapat digunakan untuk menyesuaikan Ruang Kerja Anda sesuai keinginan Anda. Mereka disimpan dalam file JSON, dan lokasinya akan ditentukan oleh cara Anda membuka folder.
Pengaturan Ruang Kerja Satu-Folder
Jika Anda membuka folder sebagai Ruang Kerja, pengaturan akan ditemukan di .vscode/settings.json.
Ruang Kerja Multi-Root Settings
Jika folder yang Anda buka adalah file .code-workspace, semua pengaturan Workspace akan ditambahkan ke file .code-workspace.
Anda masih dapat menyesuaikan pengaturan per folder root, tetapi pengaturan akan menimpa yang ditentukan di .code-workspace.
Workspace Launch Configurations and Tasks
Serupa dengan bagaimana pengaturan dikonfigurasi untuk Workspace, tugas dan peluncuran juga dapat dipersonalisasi agar sesuai dengan Workspace. Jika Anda memiliki folder yang dibuka sebagai file .code-workspace atau Workspace, lokasi konfigurasi tugas dan peluncuran ada di file .vsh atau file .workspace. Konfigurasi ini juga dapat disesuaikan dari folder.
Optimalkan Ruang Kerja Kode VS Baru
Dengan dukungan bawaan untuk berbagai bahasa pemrograman, termasuk TypeScript, Javascript, dan Node JS, Workspace adalah alat yang ideal untuk pengembang. Kiat-kiat ini akan membuat platform lebih efisien dan lebih mudah dinavigasi.
Terminals
Anda mungkin menggunakan terminal default yang disediakan oleh sistem operasi Anda. Dengan VS Code, platform ingin membuatnya agar Anda tidak harus bergantung pada fitur OS. VS Code hadir dengan terminal built-in yang memiliki semua kebutuhan Anda di satu tempat. Ini adalah cara yang bagus untuk melacak proyek pengembangan Anda dan memastikannya berjalan dengan lancar. Dengan kemampuan untuk mengganti nama atau mengubah warna ikon, juga lebih mudah untuk membedakan antara berbagai terminal untuk proyek Anda.
Tab Bungkus
Fitur ini berguna untuk pengembang yang mengerjakan proyek besar di mana banyak komponen digunakan. Mungkin sulit untuk melacak semua file saat berpindah dari satu komponen ke komponen lainnya. Dalam Kode VS, tab muncul di browser, dan Anda harus menggulir dari satu ke yang lain ketika Anda ingin melihat apa yang ada di dalamnya.
Metode yang lebih efisien adalah membungkus tab ini dengan mengklik Cmd + dan mencari “Bungkus Tab .” Fitur ini akan memudahkan untuk melihat apa yang ada di tab yang berbeda.
Pin Tabs
Sebagai pengembang, disarankan untuk mengatur Ruang Kerja Anda sebaik mungkin. Anda dapat melakukan ini dengan menyematkan tab yang sering Anda gunakan ke bagian depan layar Anda. Anda juga dapat menyesuaikan tampilan dan nuansa tab ini dengan menekan tombol Cmd + atau Ctrl + dan mencari “Pin Tab.”
User Interface
Antarmuka terminal Anda diatur sehingga memiliki berbagai opsi, seperti explorer, search, manajer proyek, dan keluaran. Ini juga memiliki bagian seperti footer di mana Anda dapat dengan mudah menemukan dan mengubah banyak detail. Dalam Kode VS, dimungkinkan untuk menarik dan melepas tab ini, mengatur ulang sesuai keinginan Anda. Anda dapat menempatkan opsi yang lebih sering digunakan lebih dekat ke atas atau menyesuaikannya agar lebih mudah diakses. Personalisasi antarmuka pengguna membuat Workspace Anda lebih mudah dinavigasi.
Language
Saat membuat halaman baru di Visual Studio Code, file tersebut tidak diberi judul, dan Anda harus mengisi detail tersebut sendiri. Anda kemudian harus pindah ke nama file dan memasukkan ekstensi. Prosesnya bisa membosankan, terutama saat menangani sejumlah besar file.
Anda dapat mengoptimalkan proses dengan mengizinkan IDE untuk melihat file. Kemudian akan menggunakan sistem penamaan sebelumnya untuk menetapkan nama ke file baru yang Anda buat.
Preview
VS Kode memiliki beberapa fitur yang membuat frustrasi. Misalnya, jika Anda membuka file dalam pratinjau dan kemudian membuka file lain segera setelahnya tanpa membuat perubahan pada file pertama, program akan menutup file pertama. Jika Anda ingin mengubah ini dan membiarkan kedua file tetap terbuka di pratinjau, buka Pengaturan dan cari “Aktifkan Pratinjau.” Centang kotak untuk membuat perubahan yang diperlukan.
Pengaturan PC Baru
Anda mungkin telah menyesuaikan dan mempersonalisasi Ruang Kerja Kode VS sesuai keinginan Anda, hanya untuk mendapatkan PC baru. Meskipun mesin baru sangat bagus, harus mengonfigurasi ulang Ruang Kerja Anda dapat mengganggu.
Setting Sync memungkinkan Anda menyimpan semua konfigurasi di satu tempat. Ketika Anda mendapatkan perangkat lain, itu akan secara otomatis menerapkan pengaturan yang lama ke Ruang Kerja Kode VS yang baru. Dengan cara ini, Anda tidak perlu mengonfigurasi ulang Workspace di PC baru Anda.
Buka Putar Ulang
Memulai men-debug aplikasi web dalam produksi bisa jadi menantang dan memakan waktu. Dengan OpenReplay, Anda dapat memantau dan memutar ulang semua yang dilakukan pengguna, memungkinkan Anda melihat bagaimana aplikasi berperilaku dan mendeteksi masalah apa pun yang mungkin muncul. OpenReplay adalah pilihan yang sangat baik karena merupakan alternatif sumber terbuka gratis untuk aplikasi debugging lain seperti LogRocket dan FullStory. Menggunakan program debugging menghemat banyak waktu Anda saat menggunakan Workspace.
GitHub
VS Kode dilengkapi dengan integrasi GitHub bawaan. Ini memungkinkan Anda untuk mendorong file Anda ke GitHub dengan cepat. Menghubungkan ke GitHub dari VS Code berarti Anda tidak perlu menghabiskan waktu untuk menulis perintah git. Integrasi VS Code membuat pemeliharaan file Anda lebih sederhana.
Semua Folder Anda di Satu Lokasi
Workspace memudahkan tim Anda untuk tetap teratur. File dan folder dapat disimpan di satu lokasi, memungkinkan mereka untuk dibuka dan dilihat dengan mengklik tombol. Ruang kerja juga dapat dioptimalkan untuk meningkatkan efisiensi dan membantu melacak proyek yang sedang berjalan. Dengan panduan ini, Anda sekarang diperlengkapi dengan baik untuk membuat Ruang Kerja di VS Code dan menyesuaikannya dengan kebutuhan Anda.
Sudahkah Anda menyiapkan Ruang Kerja baru di VS Code? Beri tahu kami bagaimana Anda membuat dan mengoptimalkan Ruang Kerja Anda di komentar di bawah.