Sebelumnya

Berikutnya

Latihan - Mengonfigurasi package.json

Selesai

Anda adalah pengembang Node.js di Tailwind Traders. Mengetahui cara menyiapkan proyek Node.js baru adalah keterampilan penting yang harus dimiliki. Penyiapan termasuk membuat package.json file dan membuat beberapa skrip umum untuk digunakan sepanjang siklus hidup proyek.

Buka proyek dalam kontainer pengembangan

Lingkungan pengembangan sederhana telah disediakan untuk Anda. Jika Anda sudah menginstal Node.js LTS di komputer, Anda dapat melewati bagian ini dan mengkloning repositori sampel dan menggunakan lingkungan lokal Anda.

Pengembangan jarak jauh (browser)

1. Mulai proses untuk membuat GitHub Codespace baru di main cabang MicrosoftDocs/node-essentials repositori GitHub.

   Buka proyek ini di GitHub Codespaces

2. Pada halaman Buat codespace , tinjau pengaturan konfigurasi codespace, lalu pilih Buat codespace baru

   

3. Tunggu hingga codespace dimulai. Proses startup ini dapat memakan waktu beberapa menit.

4. Buka terminal baru di codespace.

   Tip

   Anda dapat menggunakan menu utama untuk menavigasi ke opsi menu Terminal lalu pilih opsi Terminal Baru.

   

5. Validasi bahwa Node.js diinstal di lingkungan Anda:

   node --version
   

   Kontainer dev menggunakan versi Node.js LTS seperti v20.5.1. Versi yang tepat mungkin berbeda.

6. Latihan yang tersisa dalam proyek ini berlangsung dalam konteks kontainer pengembangan ini.

Pengembangan lokal (Docker)

1. Buka Visual Studio Code dalam konteks direktori kosong.

2. Pastikan Anda memiliki ekstensi Kontainer Dev yang terinstal di Visual Studio Code.

3. Buka terminal baru di editor.

   Tip

   Anda dapat menggunakan menu utama untuk menavigasi ke opsi menu Terminal lalu pilih opsi Terminal Baru.

   

4. MicrosoftDocs/node-essentials Kloning repositori GitHub ke direktori saat ini.

   git clone https://github.com/MicrosoftDocs/node-essentials.git
   

5. Buka repositori dalam kode dengan perintah berikut di terminal.

   cd node-essentials
   code .
   

6. Buka Palet Perintah, cari perintah Kontainer Dev, lalu pilih Kontainer Dev: Buka Kembali di Kontainer.

   Tip

   Visual Studio Code mungkin secara otomatis meminta Anda untuk membuka kembali folder yang ada dalam kontainer pengembangan. Ini secara fungsional setara dengan menggunakan palet perintah untuk membuka kembali ruang kerja saat ini dalam kontainer.

   

7. Validasi bahwa Node.js diinstal di lingkungan Anda:

   node --version
   

   Kontainer dev menggunakan versi Node.js LTS seperti v20.5.1. Versi yang tepat mungkin berbeda.

8. Latihan yang tersisa dalam proyek ini berlangsung dalam konteks kontainer pengembangan ini.

Menyiapkan proyek Node.js baru

Untuk unit ini, kode sumber JavaScript telah disediakan untuk Anda. Tugas Anda adalah membuat package.json file.

1. Di terminal, ubah ke folder untuk latihan ini:

   cd node-dependencies/3-exercise-package-json
   

2. Lihat isi folder:

   ls -R
   

   Dalam folder ini, Anda akan melihat subfolder src dengan file index.js:

    ./src:
        index.js
   

3. Jalankan perintah berikut untuk membuat package.json file dengan nilai default:

   npm init -y
   

   File package.json yang terlihat mirip dengan contoh ini:

   {
     "name": "3-exercise-package-json",
     "version": "1.0.0",
     "description": "",
     "main": "index.js",
     "scripts": {
       "test": "echo \"Error: no test specified\" && exit 1"
     },
     "keywords": [],
     "author": "",
     "license": "ISC"
   }
   

4. package.json Ubah dengan nilai properti ini:

   • name: "tailwind-trader-api"
   • description: "API HTTP untuk mengelola item dari database Tailwind Traders"
   • main: "index.js"
   • keywords: ["API", "database"]
   • author: "Sam"

   File package.json Anda sekarang akan terlihat seperti kode berikut:

   {
     "name": "tailwind-trader-api",
     "version": "1.0.0",
     "description": "HTTP API to manage items from the Tailwind Traders database",
     "main": "index.js",
     "dependencies": {},
     "devDependencies": {},
     "scripts": {
       "test": "echo \"Error: no test specified\" && exit 1"
     },
     "keywords": ["api", "database"],
     "author": "Sam",
     "license": "ISC"
   }
   

5. Di bagian , scripts tambahkan skrip baru bernama start di atas test skrip:

   "start": "node ./src/index.js",
   

6. Simpan perubahan Anda dan tutup file package.json.

7. Mulai proyek Anda dengan tindakan start dengan memasukkan perintah ini:

   npm start
   

   Anda akan melihat output berikut:

   Welcome to this application
   

Anda sekarang memiliki file yang baik package.json yang dapat Anda bangun saat proyek Anda tumbuh.

Lanjutkan