vue cli 腳手架的安裝與配置

2021-10-08 04:15:22 字數 1393 閱讀 4815

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執行初始化命令的時候回讓使用者輸入幾...