Latihan - Menyesuaikan pengaturan proyek dan editor

  • 4 menit

File devcontainer.json membantu Anda mengonfigurasi berbagai pengaturan dalam penyiapan Visual Studio Code dalam kontainer. Sejauh ini, Anda telah mengonfigurasi kontainer pengembangan untuk proyek Python. Namun, masih ada beberapa tepi kasar dan tugas pengaturan yang dapat Anda otomatisasi lebih lanjut.

Dalam latihan ini, Anda akan menggunakan devcontainer.json file untuk menghaluskan tepi ini dan membuat proyek berfungsi tanpa langkah-langkah penyiapan dari pengembang.

Menginstal ekstensi Visual Studio Code

Kontainer ini dilengkapi dengan ekstensi Microsoft Python (seperti yang Anda lihat dalam gambar dasarnya). Ekstensi Python memungkinkan cuplikan konten, linting, dan IntelliSense dalam file Python. Tetapi file index.html di folder templates adalah template Jinja, dan Anda perlu menginstal ekstensi yang berbeda untuk mendapatkan penyorotan sintaks dalam file tersebut.

  1. Tekan F1 untuk membuka Palet Perintah.
  2. Ketik ekstensi dan pilih Ekstensi: Instal Ekstensi.
  3. Di penjelajah ekstensi di sebelah kanan, cari jinja.
  4. Pilih Instal.
  5. Klik kanan ekstensi Jinja dari wholroyd dan pilih Tambahkan ke devcontainer.json.
  6. Kembali ke file devcontainer.json dan perhatikan bahwa ekstensi Jinja telah ditambahkan ke bagian extensions.
  7. Simpan file devcontainer.json.

Mengotomatisasi penginstalan dependensi

Saat ini, pengembang yang menyiapkan proyek untuk pertama kalinya harus mengetahui cara untuk menjalankan pip3 install --user -r requirements.txt untuk menginstal dependensi. Tanpa dependensi ini, proyek tidak akan berjalan, dan pengembang lain mungkin tidak mengetahui penyebabnya.

  1. Hapus komentar opsi postCreateCommand.

    "postCreateCommand": "pip3 install --user -r requirements.txt"

  2. Simpan file devcontainer.json.

Kontainer akan secara otomatis menginstal dependensi setiap kali kontainer dibuat.

Membangun ulang kontainer baru

  1. Tekan F1 untuk membuka Palet Perintah.
  2. Ketik bangun ulang dan pilih Kontainer Dev: Bangun Ulang Kontainer.

Kontainer akan dibangun ulang dengan perubahan yang telah Anda tentukan dalam file devcontainer.json.

Catatan

Setiap kali kontainer dibuat ulang, kontainer dihapus dan sepenuhnya dibuat ulang. Riwayat terminal tidak bertahan ketika sebuah kontainer dibuat ulang.

Periksa penyorotan sintaks yang disediakan oleh ekstensi Jinja

  1. Buka file templates/index.html.

  2. Gulir ke bawah ke baris 33, dan perhatikan bahwa penyorotan sintaks berada di perulangan for. Penyorotan sintaksis ini diaktifkan oleh ekstensi Jinja.

    Cuplikan layar templat Jinja, menekankan loop 'for' dengan penyorotan sintaksis.

Menjalankan aplikasi

  1. Tekan Ctrl + ` untuk membuka terminal terintegrasi Visual Studio Code.

  2. Jalankan aplikasi dengan menggunakan perintah berikut:

    python app.py

  3. Perhatikan bahwa Anda tidak perlu menginstal dependensi apa pun. Aplikasi ini hanya berjalan.

Kontainer sekarang disesuaikan dan terotomatisasi untuk agensi Anda. Setiap pengembang yang membuka proyek ini dengan menggunakan Dev Containers dapat segera menjalankannya dan mulai bekerja menulis kode.

Di unit berikutnya, Anda akan mempelajari cara menginstal perangkat lunak tambahan di kontainer pengembangan.