การติดตั้ง Vue.js บน Ubuntu 18.04 คือกระบวนการที่ง่ายและสามารถทำได้ด้วยขั้นตอนต่อไปนี้:
ติดตั้ง Node.js:
Vue.js ต้องการ Node.js เพื่อทำงาน ดังนั้นคุณควรติดตั้ง Node.js บน Ubuntu 18.04 ก่อนที่จะติดตั้ง Vue.js. คุณสามารถใช้
curl
และapt
ใน Terminal เพื่อติดตั้ง Node.js:1
2sudo apt update
sudo apt install -y nodejsหลังจากการติดตั้ง Node.js เสร็จสิ้น คุณสามารถตรวจสอบเวอร์ชันของ Node.js และ npm ด้วยคำสั่ง:
1
2node -v
npm -vติดตั้ง Vue CLI:
Vue CLI เป็นเครื่องมือสำหรับสร้างและจัดการโปรเจกต์ Vue.js คุณสามารถติดตั้ง Vue CLI โดยใช้ npm ดังนี้:
1
sudo npm install -g @vue/cli
หรือถ้าคุณกำลังใช้ yarn:
1
sudo yarn global add @vue/cli
ตรวจสอบการติดตั้ง:
เมื่อการติดตั้ง Vue CLI เสร็จสิ้น คุณสามารถตรวจสอบเวอร์ชัน Vue CLI ด้วยคำสั่ง:
1
vue --version
สร้างโปรเจกต์ Vue.js:
เมื่อคุณติดตั้ง Vue CLI เรียบร้อยแล้ว คุณสามารถสร้างโปรเจกต์ Vue.js ใหม่ได้ด้วยคำสั่ง:
1
vue create my-vue-app
คำสั่งนี้จะให้คุณเลือก preset สำหรับโปรเจกต์ Vue ของคุณ คุณสามารถเลือก preset ที่คุณต้องการหรือใช้ค่าเริ่มต้น (default) ได้ หากเลือกใช้ preset ที่กำหนดมาให้คุณจะต้องรอให้ Vue CLI ดาวน์โหลดแพ็คเกจที่เกี่ยวข้องและติดตั้ง.
รันแอปพลิเคชัน Vue:
เมื่อโปรเจกต์ Vue.js ของคุณสร้างเสร็จสิ้น คุณสามารถไปยังไดเร็กทอรีโปรเจกต์และรันแอปพลิเคชัน 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 บน Ubuntu 18.04 คุณสามารถเริ่มต้นพัฒนาแอปพลิเคชัน Vue.js ของคุณได้แล้วหลังจากติดตั้งเสร็จสิ้น.