Langkah-langkah untuk menjalankan kod bahagian hadapan dalam WebStorm termasuk: mencipta projek dan menulis fail HTML. Jalankan pelayan LiveEdit. Pratonton kod dalam penyemak imbas. Tambahkan titik putus dan nyahpepijat kod anda.

Cara menjalankan kod hadapan dalam WebStorm

Langkah 1: Buat projek

• Buka WebStorm dan cipta projek baharu.
• Pilih templat "Projek Kosong".

Langkah 2: Tulis fail HTML

• Buat fail HTML dalam projek, seperti "index.html".
• Sertakan struktur HTML asas berikut dalam fail:

      
  
Hello, world!
  

Langkah 3: Jalankan Pelayan LiveEdit

• Dalam bar alat WebStorm, cari butang "Jalankan".
• Pilih jenis pelayan "LiveEdit".
• Klik butang "Mula".

Langkah 4: Pratonton dalam penyemak imbas

• Selepas pelayan LiveEdit dimulakan, WebStorm akan membuka fail "index.html" dalam penyemak imbas.
• Anda boleh melihat dan berinteraksi dengan kod anda dalam penyemak imbas.

Langkah 5: Nyahpepijat kod

• Dalam fail HTML, tambahkan titik putus.
• Cetus titik putus dalam penyemak imbas, seperti pada klik butang.
• WebStorm akan menjeda pelaksanaan dan membolehkan anda memeriksa pembolehubah, surih tindanan dan aliran pelaksanaan.

Petua Lain:

• WebStorm menyediakan sokongan LiveEdit di luar kotak tanpa konfigurasi tambahan diperlukan.
• Anda boleh menyesuaikan tetapan pelayan LiveEdit, seperti port dan direktori root, dalam konfigurasi "Run".
• WebStorm juga menyokong persekitaran masa jalan lain seperti Node.js dan React Native.

Atas ialah kandungan terperinci Bagaimana untuk menjalankan kod bahagian hadapan webstorm. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!