1.介紹
(1)腳手架可以快速搭建vue開發環境以及對應的webpack配置
(2)如果專案比較小,不需要vue cli;但是如果是大型專案,就需要使用vue cli。為什麼?
2.腳手架使用前提:node、webpack
3.安裝
npm
install -g @vue/cli
檢視版本:
vue --version
現在最新的版本應該是4.4.6(腳手架的版本)了,vue cli >= 3 和舊版使用了相同的 vue 命令,所以 vue cli 2 (vue-cli) 被覆蓋了,如果仍然需要使用舊版本的 vue init 功能,你可以全域性安裝乙個橋接工具:
npm
install -g @vue/cli-init
(1)2.x版本
vue-cli2.x是基於webpack3配置的
vue init webpack 專案名稱
如果不填寫,將預設是括號內的內容。author部分是預設讀取.gitconfig,如果之前沒有配置,需要自己填寫
選擇構建專案時使用runtime + compiler還是runtime-only,這裡我選擇的是runtime-only
這裡詢問是否要安裝路由,看個人需求可以選擇y/n
是否要對es**(js**)進行約束(規範)
選擇一種規範
是否要進行單元測試,一般情況下,單元測試很少用,所以我選的是n
e2e:end to end(端到端測試),建議選擇n
選擇管理專案的工具:npm/yarn。當然,如果你是大佬也可以選第三個:自己管理。我選擇的是npm
總結:
建立好之後的目錄結構:
vue-cli3.x是基於webpack4配置的
vue create 專案名稱
(如果有寫的不對的地方,請大佬指正(^_−)☆) vue cli腳手架安裝
映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...
vue cli腳手架安裝
2.執行cmd,檢視版本號 出現版本號說明安裝成功 輸入 node v 檢視node版本號 需要在6.9以上 輸入 npm v 檢視npm版本號 需要在3.10以上 3.命令列工具 在cmd裡安裝 全域性安裝 vue cli npm install global vue cli mac機全域性安裝需...
安裝腳手架vue cli
cnpm install global vue cli要建立專案,首先我們要選定目錄,然後再命令列中把目錄轉到選定的目錄。可以使用 vue init webpack my project初始化乙個專案,或使用 vue init webpack my project執行初始化命令的時候回讓使用者輸入幾...