Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bolehkah vue memaparkan kod sumber?

Bolehkah vue memaparkan kod sumber?

藏色散人
Lepaskan: 2023-01-05 15:18:27
asal
3316 orang telah melayarinya

Vue boleh memaparkan kod sumber Kaedah untuk melihat kod sumber Vue ialah: 1. Dapatkan vue melalui "git clone https://github.com/vuejs/vue.git"; melalui "npm i" Dependencies; 3. Pasang rollup melalui "npm i -g rollup" 4. Ubah suai skrip dev;

Bolehkah vue memaparkan kod sumber?

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi Vue 3, komputer Dell G3.

Bolehkah vue memaparkan kod sumber?

Ya.

Petua Vue untuk melihat kod sumber

Membina dan penyahpepijatan Persekitaran

  • Dapatkan alamat: git clone https://github.com/vuejs/vue.git
  • Install dependencies: npm i
  • Install rollup: npm i -g rollup (kerana ia dibungkus dengan rollup)
  • skrip mengubah suai skrip dev dan menambah –sourcemap
"dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",
Salin selepas log masuk

Fungsi: Selepas pembungkusan, dist memuat turun lebih banyak fail peta, yang boleh digabungkan dengan Kod sumber dipetakan dengan baik untuk memudahkan penyahpepijatan yang lebih baik bagi kod sumber
Bolehkah vue memaparkan kod sumber?

  • Laksanakan dev: npm run dev

Petua Penyahpepijatan

  • Buka fail yang ditentukan: ctrl+p (cmd+p)
  • Breakpoint

Bolehkah vue memaparkan kod sumber?

  • Semak timbunan panggilan
    Saya terutamanya ingin membersihkan hubungan panggilan sebelum dan selepas Kadang-kadang saya keliru jika saya pergi terlalu dalam, jadi kaji panggilan itu susun dengan teliti. Ia boleh memberi anda idea yang bagus

Bolehkah vue memaparkan kod sumber?

  • Cari lokasi fail sumber

Bolehkah vue memaparkan kod sumber?
Selepas menguasai perkara di atas dan membacanya lebih banyak kali, pelaksanaan kod sumber akan menjadi sangat jelas dalam fikiran anda.

Pembelajaran yang disyorkan: "tutorial video vue"

Atas ialah kandungan terperinci Bolehkah vue memaparkan kod sumber?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan