vue cli3 搭建的前端專案基礎模板

基於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，個人選...