基於vue-cli3搭建的前端模板，clone本倉庫，即可搭建完成乙個新專案的基礎模板，原始碼位址，歡迎star或fork
.
├── build # 生成壓縮包
├── public # 靜態資源，不需要 webpack 處理
├── scripts # npm scripts
└── src
├── assets
│ ├── fonts # 字型檔案
│ ├── img
│ └── less # reset 樣式，及定義的常量檔案等
├── components
│ ├── sendcode # tree shaking 元件
│ └── global # 全域性註冊元件
├── filters # 全域性過濾器
├── icons # svg 檔案
│ └── svg
├── router # 路由及***
├── services # 統一的服務介面請求處理
└── views
└── hello
# 轉殖專案
git clone [email protected]:cklwblove/vue-cli3-template.git
# 安裝依賴
yarn install
yarn install --registry=
# 啟動服務
yarn run serve
# 構建生產環境
yarn run build
# 壓縮 dist 資料夾，生成 zip 包
yarn run deploy
# 自動生成 component
yarn run gen:comp
# 自動生成 view
yarn run gen:view
# --analyz 基於 webpack-bundle-analyzer 外掛程式分析打包的檔案構成及大小(vue ui 介面上的分析不習慣)
yarn run analyz
# --report 生成靜態報告檔案
yarn run report
學習vue cli3的專案搭建
關於舊版本 vue cli 的包名稱由vue cli改成了 vue cli。如果你已經全域性安裝了舊版本的vue cli 1.x 或 2.x 你需要先通過npm uninstall vue cli g或yarn global remove vue cli解除安裝它。node 版本要求 vue cli...
vue cli3建立專案
預設 引入elementui 1.安裝element ui npm i element ui s 2.在main.js上新增 import elementui from element ui import element ui lib theme chalk index.css vue.use el...
使用vue cli 3搭建乙個專案
官方建議，node.js的版本，需要是8.9或者以上 建議是8.11.0 npm install g vue cli vue3.x同樣支援這種方式 vue init webpack project name 我們用最新的建立方式 這裡推薦選擇第二個，第乙個預設沒有 router 和 vuex，個人選...