vue cli 腳手架的配置及其使用

2021-10-03 13:06:31 字數 512 閱讀 2528

• 參考**:

• 安裝成功後,全域性環境下會生成乙個 vue的可執行命令, vue --version檢視版本號

建立專案:vue create 資料夾名(專案名)

選擇預調:

a. 第一項為曾經的配置好的選項,保留下來的

b. 第二項為預設設定,包含了babel和eslint;

c. 第三項為手動選擇,可以手動選擇自己需要的外掛程式(因為前兩項點了確定就可以完成配置,所以下面只展示第三項手動選擇)

選擇外掛程式配置:

a. 按上下箭頭選擇配置,空格鍵選中,選擇完成後,回車鍵繼續,會依次問詢你所選外掛程式的配置

選擇vue-router是否使用歷史路由

選擇css預處理語言

選擇**風格和格式校驗

選擇**校驗方式

a. 選擇方式和第二步(選擇預調)相同

選擇是否儲存為乙個將來可復用的preset

a. 如果選擇是,下來就得起乙個名字

選擇完畢開始安裝外掛程式

搭建vue cli腳手架

前期工作準備 2.安裝 映象,因為我們用的npm的伺服器是外國,有的時候我們安裝 依賴 的時候會超級慢,所以就用這個cnpm來安裝我們說需要的 依賴 命令列輸入 npm install g cnpm registry 安裝完成後,就可以用cnpm 代替 npm 速度會快很多。3.安裝webpack,...

Vue cli腳手架基礎

vue cli是乙個vue腳手架,可以快速構造專案結構 vue cli本身整合了多種專案模板 很少簡單 webpack 包含eslint 規範檢查和unit單元測試等 webpack 沒有 規範檢查和單元測試 browserify 使用的也比較多 browserify 2.1 安裝vue cli,配...

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...