ติดตั้ง vue js ใน windows 10

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

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

    Vue.js ต้องการ Node.js เพื่อทำงาน ดังนั้นคุณจำเป็นต้องติดตั้ง Node.js จากเว็บไซต์ https://nodejs.org/ ให้เลือก LTS (Long Term Support) version เพื่อความเสถียร.

  2. ตรวจสอบการติดตั้ง Node.js และ npm:

    เมื่อคุณติดตั้ง Node.js เสร็จสิ้น คุณสามารถตรวจสอบการติดตั้งโดยใช้คำสั่งต่อไปนี้ใน Command Prompt (หรือ PowerShell):

    1
    2
    node -v
    npm -v

    คำสั่งด้านบนจะแสดงเวอร์ชันของ Node.js และ npm บนระบบของคุณ.

  3. ติดตั้ง 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
  4. สร้างโปรเจกต์ Vue:

    เมื่อคุณติดตั้ง Vue CLI เสร็จสิ้น คุณสามารถสร้างโปรเจกต์ Vue ใหม่ได้ง่ายๆ โดยใช้คำสั่ง:

    1
    vue create my-vue-app

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

  5. รันโปรเจกต์ Vue:

    เมื่อโปรเจกต์ Vue ของคุณสร้างเสร็จแล้ว คุณสามารถไปยังไดเร็กทอรีโปรเจกต์และรันแอปพลิเคชัน 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 ใน Windows 10 คุณสามารถเริ่มต้นพัฒนาแอปพลิเคชัน Vue.js ของคุณได้แล้วหลังจากติดตั้งเสร็จสิ้น.