vue cli 是乙個基於 vue.js 進行快速開發的完整系統。
vue-cli目前已經更新到4.x版本，vue2.x版本前後差別較大，vue2.x及之前的版本會將webpack配置暴露，2.x之後則隱藏了起來
vue-cli2的webpack配置是暴露給使用者的，使用者可以直接修改webpack配置，目錄結構相對複雜
vue-cli3的配置相對就簡單的多，它不將webpack配置暴露給使用者，而是隱藏了起來，使用者可以通過建立webpack檔案的方式來修改配置
vite是下一代構造工具，它不再基於webpack，而是基於rollup打包工具
搭建Vue Cli 檔案架構
上次在面試時候要用vue cli寫個小練習，因為只有過乙個cli專案，之後一直work on專案上於是許久沒有從頭建立vue cli，當時還是面試官幫忙搭了個環境，太尷尬 此文章以window環境為範例 npm install g vue cli 全域性安裝安裝過程有出現錯誤具體內容是啥忘記了，但是...
vue cli使用vue router的檔案說明
vue之初始化乙個vue專案 用vue cli腳手架初始化專案時，勾選了vue router，會自動引入該元件。程式目錄結構 main.js 主頁面的js檔案，引入路由。router index.js 路由對映檔案。主要實現宣告使用元件 路由對映元件。components vue 元件 或者頁面 注...
Vue cli配置打包檔案本地預覽
於是就去找webpack.base.conf.js檔案,有個output選項,output是webpack中對輸出檔案的配置，最常用的有filename path屬性，指定輸出檔案的名稱和在專案中的位置，publicpath可以為專案中的所有資源指定乙個基礎路徑，也是我們解決這個問題的關鍵 官方文件...