Bagaimana untuk menjalankan kod vue dalam webstorm

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

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!