vue 使用腳手架搭建乙個專案備用

為了方便後面做一些vue的小專案，這邊構建乙個簡單點的vue腳手架專案

乙個基於vue腳手架的移動端基礎專案

vue

檔案路徑：src/utils/axios.js

思路：直接在檔案中建立乙個axios，然後對它做出攔截，封裝等操作，隨後丟擲乙個已經完成封裝的axios

作用：介面封裝

檔案路徑：src/utils/bus.js

思路：引入乙個全新的vue例項，然後使用vue的監聽機制，避免引入vuex過大的問題

作用：網路介面請求時頁面顯示loading（僅限制本應用）

檔案路徑：src/router/index。js

思路：沒啥好講的，就直接懶載入，使用了webpack的chunkname，也做了設定，打包出來的js檔案名字回直接是那個chunkname，方便後面去定位問題

作用：略

檔案路徑：package.json

思路：就乙個外掛程式，吧頁面設定的rem一起使用，沒啥了，用了不用手動轉化為rem

作用：同思路，注意，需要搭配lib-flexible，且要小心不要讓vant的樣式變化

思路：略

作用：移動端列印日誌檔案

使用腳手架自帶的babel，6。x的

打包檔案的名字修改為了partner

打包的js'檔案的命名規則為chunkname.js

vue腳手架搭建專案

首先安裝node，npm會自動安裝，node v 和 npm v檢視是否安裝成功和版本 切換npm為cnpm使用 映象源 npm install cnpm g registry cnpm 檢視是否成功和版本號 安裝vue cli cnpm install g vue cli vue v檢視版本 進入...

vue搭建腳手架專案

cli 3.0.0 g 安裝webpack打包工具 4 npm install webpack g 5 npm install g vue cli 安裝vue框架 6 新建vue專案路徑和專案及其所在的專案資料夾 後續安裝準備工作 7 cd c 個人 vuejs 然後enter回車鍵 開始找上乙個步...

使用vue腳手架vue cli搭建專案

在使用vue cli快速搭建乙個專案前，首先我們要清楚為什麼要這樣做，原因很多，如 前端的範疇不斷擴大 前後端分離 模組化開發 便於管理.我個人再加一點，就是便於 vue 元件的開發，原因 在不使用vue工程化開發的時候，我們的元件經常性的就是 全域性 區域性 元件的開發，很多的js和css並不是一...