ฉันจะเริ่มโครงการ Vue ใหม่ได้อย่างไร

2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54

วิธีการตั้งค่า Vue.js โครงการ js ใน 5 ขั้นตอนง่าย ๆ โดยใช้ vue-cli

1. ขั้นตอนที่ 1 npm ติดตั้ง -g วิว -cli. คำสั่งนี้จะติดตั้ง วิว -cli ทั่วโลก
2. ขั้นตอนที่ 2 ไวยากรณ์: วิว เริ่มต้น < โครงการ -name> ตัวอย่าง: วิว init webpack-simple ใหม่ - โครงการ .
3. ขั้นตอนที่ 3 cd ใหม่ - โครงการ . เปลี่ยนไดเร็กทอรีเป็น your โครงการ โฟลเดอร์
4. ขั้นตอนที่ 4 npm ติดตั้ง
5. ขั้นตอนที่ 5 npm เรียกใช้ dev

ต่อมาอาจมีคนถามว่า ฉันจะเริ่มโครงการ Vue ได้อย่างไร?

เปิด เทอร์มินัลของคุณและรันคำสั่งต่อไปนี้ to เริ่มดู GUI ในเบราว์เซอร์ของคุณ ตอนนี้คลิกที่แท็บสร้างและเลือกตำแหน่งเพื่อบันทึกแอปของคุณจากนั้นคลิกที่สร้างใหม่ โครงการ ปุ่มที่นี่ ใส่ของคุณ โครงการ ชื่อและเลือกตัวจัดการแพ็คเกจของคุณจากนั้นคลิกที่ปุ่มถัดไป

ทราบด้วยว่าฉันจะเรียกใช้บรรทัดคำสั่ง Vue ได้อย่างไร ข้างใน วิวคลิ โครงการ, @ วิว / คลิ -service ติดตั้งไบนารีชื่อ วิว - คลิ -บริการ. คุณสามารถเข้าถึงไบนารีได้โดยตรงเช่น วิว - คลิ -service ในสคริปต์ npm หรือเป็น./node_modules/ ถังขยะ/ วิว - คลิ - บริการจากเทอร์มินัล คุณสามารถ วิ่ง สคริปต์ที่มีคุณสมบัติเพิ่มเติมโดยใช้ GUI กับ วิว คำสั่ง ui

มีคนถามว่าฉันจะตั้งค่าแอป Vue ใหม่ได้อย่างไร

ลองชมวิดีโอนี้บน www.youtube.com หรือเปิดใช้งาน JavaScript หากปิดใช้งานในเบราว์เซอร์ของคุณ

1. ติดตั้ง @vue/cli. ฉันจะเริ่มต้นด้วยการติดตั้ง Vue CLI ซึ่งเป็นเครื่องมือที่จะทำให้การเริ่มต้นของเราง่ายขึ้นมาก
2. สร้างโครงการ
3. เริ่มโครงการ
4. สร้างองค์ประกอบใหม่
5. สร้างการเรียก API
6. แสดงข้อมูล

ฉันจะตั้งค่า Vue 3 ได้อย่างไร

คุณต้องการทำตามขั้นตอนเหล่านี้:

1. โคลนแหล่งที่มาบน github
2. ติดตั้งการพึ่งพาโดยเรียกใช้ไหมพรม
3. สร้างโครงการโดยใช้ yarn build vue -f global
4. ใช้ package/vue/dist/vue.js ทั่วโลก. js เพื่อเล่นกับ Vue 3