安裝
vue cli 2
vue cli 3
需要注意的是如果希望安裝 vue-cli 3,而環境裡已安裝 vue-cli 2,則需要使用指令
進行解除安裝後,再安裝 vue-cli 3
使用
這裡是使用腳手架初始化專案的指令,而這裡的 webpack 指的不是 webpack 本身,而是預設好的一套完整版 webpack 配置的模板。我個人習慣使用 webpack-simple 模板
完整的模板列表,請訪問 vuejs-templates 專案
vue-cli 3
在 vue-cli 3 中使用以下指令建立專案:
執行後,同樣是有配置嚮導一步步指引著配置步驟,這裡跟 vue-cli 2 一致,但個人是使用
以圖形介面的方式來建立專案,很方便好用。
使用 vue-cli 腳手架配置並初始化專案後,不論是 vue-cli 2 還是 vue-cli 3,腳手架所提供的均為專案的配置以及依賴的庫設定,安裝依賴庫(npm i)的步驟依然需要手動執行的(vue ui 模式例外,該模式建立專案後,可以在建立後自動下載依賴庫)
所以在腳手架配置好專案後,統一執行 npm i 來安裝所有依賴庫即可,不需要單獨再去安裝 webpack
安裝
vue cli 2
vue cli 3
需要注意的是如果希望安裝 vue-cli 3,而環境裡已安裝 vue-cli 2,則需要使用指令
進行解除安裝後,再安裝 vue-cli 3
使用
這裡是使用腳手架初始化專案的指令,而這裡的 webpack 指的不是 webpack 本身,而是預設好的一套完整版 webpack 配置的模板。我個人習慣使用 webpack-simple 模板
完整的模板列表,請訪問 vuejs-templates 專案
vuejs-templatesvue-cli 3
在 vue-cli 3 中使用以下指令建立專案:
執行後,同樣是有配置嚮導一步步指引著配置步驟,這裡跟 vue-cli 2 一致,但個人是使用
以圖形介面的方式來建立專案,很方便好用。
使用 vue-cli 腳手架配置並初始化專案後,不論是 vue-cli 2 還是 vue-cli 3,腳手架所提供的均為專案的配置以及依賴的庫設定,安裝依賴庫(npm i)的步驟依然需要手動執行的(vue ui 模式例外,該模式建立專案後,可以在建立後自動下載依賴庫)
所以在腳手架配置好專案後,統一執行 npm i 來安裝所有依賴庫即可,不需要單獨再去安裝 webpack