ติดตั้ง vue js ใน ubuntu 18.04

การติดตั้ง Vue.js บน Ubuntu 18.04 คือกระบวนการที่ง่ายและสามารถทำได้ด้วยขั้นตอนต่อไปนี้:

  1. ติดตั้ง Node.js:

    Vue.js ต้องการ Node.js เพื่อทำงาน ดังนั้นคุณควรติดตั้ง Node.js บน Ubuntu 18.04 ก่อนที่จะติดตั้ง Vue.js. คุณสามารถใช้ curl และ apt ใน Terminal เพื่อติดตั้ง Node.js:

    1
    2
    sudo apt update
    sudo apt install -y nodejs

    หลังจากการติดตั้ง Node.js เสร็จสิ้น คุณสามารถตรวจสอบเวอร์ชันของ Node.js และ npm ด้วยคำสั่ง:

    1
    2
    node -v
    npm -v
  2. ติดตั้ง Vue CLI:

    Vue CLI เป็นเครื่องมือสำหรับสร้างและจัดการโปรเจกต์ Vue.js คุณสามารถติดตั้ง Vue CLI โดยใช้ npm ดังนี้:

    1
    sudo npm install -g @vue/cli

    หรือถ้าคุณกำลังใช้ yarn:

    1
    sudo yarn global add @vue/cli
  3. ตรวจสอบการติดตั้ง:

    เมื่อการติดตั้ง Vue CLI เสร็จสิ้น คุณสามารถตรวจสอบเวอร์ชัน Vue CLI ด้วยคำสั่ง:

    1
    vue --version
  4. สร้างโปรเจกต์ Vue.js:

    เมื่อคุณติดตั้ง Vue CLI เรียบร้อยแล้ว คุณสามารถสร้างโปรเจกต์ Vue.js ใหม่ได้ด้วยคำสั่ง:

    1
    vue create my-vue-app

    คำสั่งนี้จะให้คุณเลือก preset สำหรับโปรเจกต์ Vue ของคุณ คุณสามารถเลือก preset ที่คุณต้องการหรือใช้ค่าเริ่มต้น (default) ได้ หากเลือกใช้ preset ที่กำหนดมาให้คุณจะต้องรอให้ Vue CLI ดาวน์โหลดแพ็คเกจที่เกี่ยวข้องและติดตั้ง.

  5. รันแอปพลิเคชัน Vue:

    เมื่อโปรเจกต์ Vue.js ของคุณสร้างเสร็จสิ้น คุณสามารถไปยังไดเร็กทอรีโปรเจกต์และรันแอปพลิเคชัน Vue ด้วยคำสั่ง:

    1
    2
    cd my-vue-app
    npm run serve

    หรือหากคุณใช้ yarn:

    1
    2
    cd my-vue-app
    yarn serve

    แอปพลิเคชัน Vue จะรันและคุณสามารถเข้าถึงแอปในเบราว์เซ

อร์ของคุณผ่าน URL http://localhost:8080 (หรือ URL อื่นที่แสดงใน Output ของคำสั่ง npm run serve หรือ yarn serve).

นั่นคือขั้นตอนทั้งหมดในการติดตั้ง Vue.js บน Ubuntu 18.04 คุณสามารถเริ่มต้นพัฒนาแอปพลิเคชัน Vue.js ของคุณได้แล้วหลังจากติดตั้งเสร็จสิ้น.