ติดตั้ง Vue (VueJs install)

เรามาดูวิธีการติดตั้ง VueJs กันครับ

ในการติดตั้งและการนำ VueJs มาใช้นั้น มีอยู่หลายวิธี ขึ้นอยู่กับการจะนำไปใช้และรูปแบบของโปรเจ็ค ไปดูตัวอย่างกัน

แบบ CDN : เราสามารถเพิ่ม Vue.js library ลงไปใน html file โดยใช้ CDN (Content Delivery Network) link นี่เป็นวิธีที่ง่ายและรวดเร็วที่สุดในการเริ่มใช้ Vue.js ในโปรเจกต์ขนาดเล็ก

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

แบบ NPM : จะติดตั้ง Vue โดยใช้ npm ซึ่งเป็นตัวจัดการแพ็คเกจสำหรับ JavaScript นี่เป็นตัวเลือกที่ดีหากคุณกำลังสร้างโปรเจ็กต์ขนาดใหญ่และต้องการใช้ประโยชน์จากเครื่องมือและไลบรารีอื่น ๆ

npm install vue

แบบ Vue CLI : vue cli เป็นคำสั่งที่ใช้สำหรับไว้สร้าง Vue.js projects มีชุดเครื่องมือสำหรับสร้างและจัดการโครงการ Vue.js รวมถึง development server, production build และ template ต่าง ๆ

npm install -g @vue/cli

เมื่อติดตั้งแล้ว ลองไปใช้กันดู

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js'
  }
})

ดูรายละเอียดต่าง ๆ เพิ่มเติมได้ที่ https://vuejs.org/v2/guide/installation.html