Bagaimana untuk memulakan semula perkhidmatan dalam vue (tiga kaedah)

Vue ialah rangka kerja pembangunan bahagian hadapan moden Untuk membangunkan aplikasi yang lebih berkualiti dan lebih interaktif, pembangun Vue biasanya perlu memulakan dan menghentikan perkhidmatan beberapa kali. Dalam artikel ini, kami akan menerangkan cara memulakan semula perkhidmatan Vue.

Terdapat beberapa cara untuk memulakan semula perkhidmatan Vue. Mari lihat di bawah.

Kaedah 1: Ctrl + C untuk menghentikan perkhidmatan, kemudian masukkan npm run serve

Apabila kami menjalankan aplikasi Vue di terminal, kami boleh menghentikan perkhidmatan dengan menekan kekunci Ctrl + C gabungan. Sudah tentu, kita juga boleh memulakan semula perkhidmatan pada terminal dengan memasukkan arahan "npm run serve". Pada ketika ini, kita dapat melihat aplikasi dimuatkan dan dimulakan. Walau bagaimanapun, perlu diingatkan bahawa kaedah ini hanya digunakan untuk mod pembangunan, dan mod pengeluaran memerlukan kaedah pemprosesan lain.

Kaedah 2: Gunakan pakej muat semula masa nyata npm

Pakej tambah nilai masa nyata npm ialah alat yang menyegarkan penyemak imbas secara automatik Ia sangat sesuai untuk ujian automatik dan pembangunan masa nyata dalam pembangunan bahagian hadapan. Untuk menggunakan npm muat semula secara langsung pakej, kita perlu memasangnya terlebih dahulu. Kami boleh memasang pakej tambah nilai hidup npm dengan menjalankan:

npm install --save-dev chokidar-cli

Kemudian, tambahkan yang berikut pada skrip kami:

"scripts": {
    "serve": "vue-cli-service serve",
    "watch": "chokidar \"src\" --ignore \"src/**/*.scss\" --ignore \"src/**/*.less\" --command \"npm run serve\""
}

Selepas konfigurasi ini, selepas menjalankan Sebelum aplikasi, kita boleh jalankan arahan "npm run watch" dalam tetingkap terminal lain. Dengan cara ini, perkhidmatan akan memantau fail sumber anda dan memulakan semula aplikasi secara automatik jika perubahan dikesan.

Kaedah 3: Gunakan PM2

PM2 ialah alat pengurusan proses yang menyediakan kami pelbagai fungsi, termasuk pemantauan, memulakan semula dan peningkatan yang lancar. Ia sesuai untuk menyediakan perkhidmatan dan berjalan dalam persekitaran pengeluaran. Untuk memasang dan menggunakan PM2, kita perlu memasangnya terlebih dahulu. Kita boleh memasang PM2 dengan menjalankan arahan berikut:

npm install -g pm2

Kemudian, tambah yang berikut dalam skrip kami:

"scripts": {
    "start": "pm2 start npm --name \"VueApp\" -- start",
    "restart": "pm2 restart VueApp",
    "stop": "pm2 stop VueApp"
}

Selepas konfigurasi ini, kita boleh menjalankan arahan "npm run start" untuk memulakan perkhidmatan. Jika anda perlu memulakan semula perkhidmatan, anda boleh menggunakan arahan "npm run restart". Untuk menghentikan perkhidmatan, kami boleh menghentikan proses menggunakan arahan "npm run stop".

Ringkasan

Artikel ini memperkenalkan tiga kaedah berbeza untuk memulakan semula perkhidmatan Vue. Tidak kira kaedah yang anda gunakan, anda dijamin bahawa apl kami akan sentiasa kekal dalam talian apabila dikemas kini. Semoga kaedah ini akan membantu anda mengurus dan menyelenggara aplikasi Vue anda dengan lebih baik.

Atas ialah kandungan terperinci Bagaimana untuk memulakan semula perkhidmatan dalam vue (tiga kaedah). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!