简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah> alat pembangunan> webstorm> teks badan

Bagaimana untuk menjalankan kod vue dalam webstorm

下次还敢
Lepaskan： 2024-04-08 15:27:14
asal
1192 orang telah melayarinya

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 CLIa command prompt.

    Jalankan arahan berikut: 
npm install -g @vue/cli
Salin selepas log masuk
  • 2. Cipta projek Vue

    Navigasi ke direktori projek baharu.

      Jalankan arahan berikut: 
    vue create
    Salin selepas log masuk
  • 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:
    node_modules/@vue/cli-service/bin/vue-cli-service.js
    Salin selepas log masuk
  • Dalam medan Parameter, masukkan nilai berikut: 
      serve
      Salin selepas log masuk
    • 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!

      • Label berkaitan：
      vue webstorm
      sumber：php.cn
      Artikel sebelumnya：Bagaimana untuk menjalankan fail jsp dalam webstorm Artikel seterusnya：Bagaimana untuk menukar warna antara muka webstorm
      Kenyataan Laman Web ini
      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
      Artikel terbaru oleh pengarang
      Isu terkini
      Vue 3 dan Vuetify 3 mengakses pembolehubah SCSS/SASS dalam komponen Saya mahu menggunakan pembolehubah yang dipratentukan dalam komponen Vue3 saya.
      daripada 2023-11-17 13:52:29
      0
      1
      293
      Modul tidak ditakrifkan dalam projek Vue Saya baru sahaja mencipta aplikasi Vue baharu dengan menjalankan npmini tvue@latest sepert...
      daripada 2023-11-17 12:38:53
      0
      2
      394
      Sahkan medan objek dalam bentuk - Vue 3 + Vee-validate + ya Saya mempunyai borang di mana beberapa medan berada di dalam objek:
      daripada 2023-11-16 13:56:09
      0
      1
      169
      Vue 3 mengimport secara dinamik berdasarkan Props Saya menggunakan unplugin-icon untuk mencipta komponen ikon, biasanya saya boleh mengimpor...
      daripada 2023-11-16 11:40:01
      0
      1
      235
      API Komposisi Vue 3 - lumpuhkan butang hantar borang sehingga semua syarat dipenuhi Saya ingin melumpuhkan butang hantar borang sehingga semua medan input diisi dan tiada ral...
      daripada 2023-11-13 09:41:53
      0
      3
      438
      Topik-topik yang berkaitan
      Lagi>
      Cadangan popular
      Tutorial Popular
      Lagi>
      Tutorial berkaitan
      Cadangan popular
      Kursus terkini
      Muat turun terkini
      Lagi>
      kesan web
      Kod sumber laman web
      Bahan laman web
      Templat hujung hadapan
      Tentang kita Penafian Sitemap
      Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！