Rumah  >  Artikel  >  alat pembangunan  >  Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode

Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode

青灯夜游
青灯夜游ke hadapan
2023-04-18 17:22:394093semak imbas

Bagaimana untuk mengkonfigurasi persekitaran penyahpepijatan dalam VSCode? Artikel berikut akan memperkenalkan kepada anda cara mengkonfigurasi VSCode untuk mengkonfigurasi persekitaran penyahpepijatan Node.js berasaskan JavaScript Saya harap ia akan membantu anda.

Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode

1 Pasang VSCode dan Node.js

Prakata: Selepas melakukan penyelidikan saintifik, ia adalah. jarang tahu caranya Merumuskan dan mengumpul, mungkin penyelesaian kepada masalah yang timbul dalam kajian saintifik lebih pelbagai dan fleksibel Apatah lagi ia hanya kemalasan hahahahaha. Anda tidak perlu lagi menulis blog untuk merakam konfigurasi persekitaran selepas melakukan bahagian hadapan. Baiklah, mari kita berhenti bercakap karut dan mulakan teks.

Sebenarnya, persekitaran yang dikonfigurasikan dalam artikel ini adalah terutamanya untuk penyahpepijatan titik putus bagi fail JS individu, terutamanya untuk penyahpepijatan kod dalam LeetCode.

Persekitaran saya:

  • Visual Studio Code 1.66.0
  • Node.js 16.14.2
  • Windows10 64-bit

Saya tidak akan pergi ke butiran mengenai muat turun VScode Saya akan merakam pemasangan Node (sebenarnya saya telah memasangnya berkali-kali sebelum ini). [Pembelajaran yang disyorkan: tutorial vskod, Pengajaran pengaturcaraan]

  1. Pergi dahulu ke tapak web rasmi untuk memuat turun versi yang sepadan: https://nodejs.org/en/
    Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode
  2. Mulakan pemasangan dan anda boleh menyesuaikan laluan pemasangan.
    Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode
  3. Pilih Tambah Laluan di sini, pembolehubah sistem akan ditetapkan secara automatik, tetapi pembolehubah pengguna tidak ditetapkan secara automatik, anda boleh menambahnya secara manual jika perlu.
    Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode
  4. Untuk menguji sama ada pemasangan berjaya, masukkan node -v dan npm -v pada baris arahan Jika nombor versi dipaparkan, pemasangan berjaya dan pembolehubah persekitaran yang betul sudah ada di tempatnya.
    Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode
    Bagi pembolehubah pengguna, adalah lebih baik untuk menambah satu secara manual Ia adalah lebih selamat kerana saya tidak menambahnya sebelum ini kadang-kadang node.js tidak dapat mencari laluan dalam VSCode, walaupun memulakan semula akan menyelesaikan masalah . , tetapi selepas memainkannya dua kali, saya sentiasa merasakan ada sesuatu yang tidak betul, jadi saya menambahnya lebih awal semasa memasang.
    Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode
  5. Di sini, pemasangan Node.js selesai

2 >Mula-mula pasang dua pemalam dalam VSCode, satu bertanggungjawab untuk menjalankan

dan satu lagi ialah gesaan sintaks JS
    .
  1. Code RunnerJavaScript(ES6) code snippets
    Buat fail konfigurasi, buka folder kod anda, buat test.js dahulu dan tulis beberapa kod ujian. Kemudian klik pada alat penyahpepijatan di bar sisi kiri dan pilih untuk mencipta fail launch.json. Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode

  2. Pilih persekitaran penyahpepijatan node.js Anda juga boleh menggunakan kod ujian dalam gambar. Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode

  3. Pada masa ini, fail konfigurasi akan dijana secara automatik Beri perhatian kepada perkara utama untuk diubah suai, dan jangan tuliskannya di sini. Tukar atribut Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode kepada
  4. supaya fail yang sedang dinyahpepijat boleh dikenal pasti. Tidak perlu menukar nama fail di sini setiap kali Hanya F5 pada mana-mana fail yang sedang dinyahpepijat.
  5. program${file}
    Pada ketika ini, konfigurasi sebenarnya telah selesai Struktur fail pada masa ini adalah seperti ini Anda boleh terus meletakkan titik putus dalam fail test.js dan tekan F5 untuk nyahpepijat Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode

  6. Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode
    Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode

3 Kemungkinan masalah Jika anda mula menyahpepijat VSCode selepas konfigurasi selesai, ia akan melaporkan ralat: Tidak Dapat Apabila Nod yang boleh dijalankan ditemui pada Path, memulakan semula VSCode dan kemudian nyahpepijat tidak akan menjadi masalah.

Sedikit emosi: Untuk kerja pengambilan musim luruh tahun ini, perjalanan pembelajaran bahagian hadapan telah bermula semula. Jika anda ingin melakukan kerja anda dengan baik, anda mesti mengasah alat anda terlebih dahulu, jadi saya perlu mula menulis blog tentang mengkonfigurasi persekitaran Seperti yang dijangkakan, artikel seterusnya adalah mengenai mengkonfigurasi Vue dalam VSCode. Saya menulis artikel banlakeji semasa latihan saya yang tidak begitu baik, jadi sekarang saya perlu menjalaninya semula dan menyiapkannya. Memandangkan anda telah memilih untuk bekerja dalam teknologi, anda perlu terus melakukannya secara sederhana Jika anda tidak boleh menyukai satu baris kerja, anda perlu melakukan satu baris kerja, cintai satu baris kerja sebanyak mungkin. , dan tergesa-gesa!

Untuk pengetahuan lanjut tentang VSCode, sila lawati: tutorial asas vscode!

Atas ialah kandungan terperinci Mari kita bincangkan tentang cara mengkonfigurasi persekitaran penyahpepijatan JS berdasarkan Node.js dalam VSCode. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:csdn.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam