Vue2.0 移動端腳手架讓你的開發更簡單

Web_寧缺發表於2018-11-14

專案地址github.com/Xingen123/V…

因為最近一直在弄移動端專案,由於在移動端無法開啟控制檯,所以想辦法列印除錯console的資料一直苦惱。之前用的是chrome的inspect除錯,但是隻能使用移動版的chrome檢視資料,相容不好,所以最近使用了vConsole 進行除錯

vconsole 使用方法

//單獨寫一個模組 通過export匯出 掛載到main.js上面

import Vconsole from 'vconsole'

const vConsole = new Vconsole()

export default vConsole

複製程式碼

Vue2.0 移動端腳手架讓你的開發更簡單

腳手架內容包括

  • mock 資料模擬脫離後端獨立開發
  • vconsole 移動端除錯工具 #上線之前別忘記注掉
  • flexible.js px 自動轉rem
  • fastclick 解決移動端click事件300毫秒延遲方法
  • axiosApi 匯入api介面

專案目錄

Vue2.0 移動端腳手架讓你的開發更簡單

安裝

cnpm install 

npm run dev

複製程式碼

喜歡我的文章關注我的微信公眾號“乾貨都給你”

Vue2.0 移動端腳手架讓你的開發更簡單

相關文章