Vue 的官網提供了三種不同的方式供我們使用,我們可以依照自己需求選擇不同的方式開始我的與vue的旅程!
1. 直接在Html中用引入Vue.js 庫
使用Vue官網提供的vue.js下載包
使用CDN方法載入
CDN
unpkg
cdnjs
2. 使用 npm或yarn 安裝使用
在用 Vue 構建大型應用時推薦使用 NPM 安装。NPM 能很好地和 webpack 或 Browserify 模塊打包器配合使用。
npm
yarn
3. 使用Vue CLI
什麼是CLI?
CLI 全名為 Command-Line Interface,命令行工具,是在圖形使用者介面得到普及之前使用最為廣泛的使用者介面,它通常不支援滑鼠,使用者通過鍵盤輸入指令,電腦接收到指令後,予以執行。也有人稱之為文字使用者介面(character user interface, CUI)。
那Vue CLI呢?
Vue CLI 是一個全局安裝的 npm 包,提供終端機(terminal)有關 vue 的指令,幫助開發者把常用到的資源都打包起來,讓開發者可以快速建立一個即裝即用的專案。
以官網的一句話總結, Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統。
在安裝 Vue CLI 之前,必須先安裝 Node.js,接下來就來安裝Vue CLI,在終端機(或 cmd 指令列)輸入:
官方建議新手可以從第一種方式(引入)開始使用,在還不熟悉Node.js構件工具時不建議一開始就使用Vue CLI歐!所以我們也先從第一種方式開始吧o(`ω´ )o