Rumah  >  Artikel  >  alat pembangunan  >  Bagaimana untuk menjalankan kod vue dalam webstorm

Bagaimana untuk menjalankan kod vue dalam webstorm

下次还敢
下次还敢asal
2024-04-08 15:27:141277semak imbas

Terdapat enam langkah untuk menjalankan kod Vue melalui WebStorm: pasang Vue CLI, cipta projek Vue, buka projek, konfigurasi WebStorm, jalankan kod dan aplikasi pratonton.

Bagaimana untuk menjalankan kod vue dalam webstorm

Cara menjalankan kod Vue dalam WebStorm

Kaedah untuk menjalankan kod Vue menggunakan WebStorm adalah seperti berikut:

1 atau Install Vue CLI🜎 a command prompt.

    Jalankan arahan berikut:
<code>npm install -g @vue/cli</code>
  • 2. Cipta projek Vue

    Navigasi ke direktori projek baharu.

      Jalankan arahan berikut:
    <code>vue create <project-name></code>
  • 3. Buka projek dalam WebStorm

    Buka WebStorm.

      Klik "Fail" > "Buka" dan pilih direktori projek.
    • 4. Konfigurasikan WebStorm

    Dalam WebStorm, klik Jalankan > Edit Konfigurasi.

      Dalam kotak dialog "Run/Debug Configuration", pilih "Node.js".
    • Dalam medan Skrip, masukkan nilai berikut:
    <code>node_modules/@vue/cli-service/bin/vue-cli-service.js</code>
  • Dalam medan Parameter, masukkan nilai berikut:
      <code>serve</code>
    • 5. Jalankan kod

      dalam arrowbarKlik ”(hijauKlik pada bar alat ikon).

      • 6. Pratonton aplikasi anda

      Pelayar akan dibuka, menunjukkan aplikasi Vue yang sedang berjalan.

      • Petua:

      Pastikan anda memasang Node.js dan npm terkini.

        Jika anda menghadapi masalah, cuba mulakan semula WebStorm.
      • Anda boleh mendapatkan lebih banyak maklumat tentang pembangunan Vue dalam dokumentasi WebStorm: https://www.jetbrains.com/webstorm/help/vuejs.html

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

    • Kenyataan:
      Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn