การติดตั้ง Vue.js ใน Windows 10 คือกระบวนการที่ง่ายและสามารถทำได้ด้วยขั้นตอนต่อไปนี้:
ติดตั้ง Node.js:
Vue.js ต้องการ Node.js เพื่อทำงาน ดังนั้นคุณจำเป็นต้องติดตั้ง Node.js จากเว็บไซต์ https://nodejs.org/ ให้เลือก LTS (Long Term Support) version เพื่อความเสถียร.
ตรวจสอบการติดตั้ง Node.js และ npm:
เมื่อคุณติดตั้ง Node.js เสร็จสิ้น คุณสามารถตรวจสอบการติดตั้งโดยใช้คำสั่งต่อไปนี้ใน Command Prompt (หรือ PowerShell):
1
2node -v
npm -vคำสั่งด้านบนจะแสดงเวอร์ชันของ Node.js และ npm บนระบบของคุณ.
ติดตั้ง Vue CLI:
Vue.js มีเครื่องมือชื่อ Vue CLI ที่ช่วยในการสร้างและจัดการโปรเจกต์ Vue ให้คุณสามารถติดตั้ง Vue CLI โดยใช้ npm หรือ yarn ดังนี้:
ใช้ npm:
1
npm install -g @vue/cli
หรือใช้ yarn:
1
yarn global add @vue/cli
เมื่อติดตั้งเสร็จสิ้น คุณสามารถตรวจสอบเวอร์ชัน Vue CLI ด้วยคำสั่ง:
1
vue --version
สร้างโปรเจกต์ Vue:
เมื่อคุณติดตั้ง Vue CLI เสร็จสิ้น คุณสามารถสร้างโปรเจกต์ Vue ใหม่ได้ง่ายๆ โดยใช้คำสั่ง:
1
vue create my-vue-app
คำสั่งนี้จะให้คุณเลือก preset สำหรับโปรเจกต์ Vue ของคุณ คุณสามารถเลือก preset ที่คุณต้องการหรือใช้ค่าเริ่มต้น (default) ได้ หากเลือกใช้ preset ที่กำหนดมาให้คุณจะต้องรอให้ Vue CLI ดาวน์โหลดแพ็คเกจที่เกี่ยวข้องและติดตั้ง.
รันโปรเจกต์ Vue:
เมื่อโปรเจกต์ Vue ของคุณสร้างเสร็จแล้ว คุณสามารถไปยังไดเร็กทอรีโปรเจกต์และรันแอปพลิเคชัน Vue ด้วยคำสั่ง:
1
2cd my-vue-app
npm run serveหรือหากคุณใช้ yarn:
1
2cd my-vue-app
yarn serveแอปพลิเคชัน Vue จะรันและคุณสามารถเข้าถึงแอปในเบราว์เซอร์ของคุณผ่าน URL http://localhost:8080 (หรือ URL อื่นที่แสดงใน Output ของคำสั่ง
npm run serve
หรือyarn serve
).
นั่นคือขั้นตอนทั้งหมดในการติดตั้ง Vue.js ใน Windows 10 คุณสามารถเริ่มต้นพัฒนาแอปพลิเคชัน Vue.js ของคุณได้แล้วหลังจากติดตั้งเสร็จสิ้น.