首先呢，你的了解一下 browsersync 是個什麼東西，可以移步browsersync官網了解下。
然後才是：當我們使用vue-cli搭建vue專案的時候，通常使用的都是 webpack 的模板，但是vue一般都是移動端的專案避免不了移動端的除錯，那麼既然是移動端的除錯怎麼能少得了 browsersync 呢，所以就稍微研究了一下如果把這兩者之間結合起來去用，原理就是利用 browsersync 的**功能，其實也很簡單~
首先就是常規的vue-cli專案搭建
然後按照 browsersync 官網的步驟安裝 node 和 browsersync（當然，能跑的起來vue-cli node肯定是有的。什麼？你不知道什麼是vue-cli？）
命令列直接執行vue-cli專案
重新開啟乙個命令列視窗輸入如下命令。啟動browsersync的**模式
如果一切ok，那麼這時候，會預設的開啟你的瀏覽器，並且可以看到vue的專案！那麼就萬事大吉啦~
主要的引數是"localhost:8080"這個必須是你vue專案的伺服器的位址
其實不是什麼很高深複雜的東西，但是目前也沒有找到其他更好的辦法。希望能夠幫到大家~ 對自己也是日常筆記，爭取一天一篇~
移動端除錯 weinre
weinre 是基於 node 的工具，因此使用如下命令安裝 weinre npm install g weinre用上面的命令將 weinre 安裝到全域性，然後就可以使用 weinre的命令了。weinre 提供了6個可選的啟動引數，其中下面兩個引數一般會修改，其它的用預設值就可以了。weinr...
vue 移動端 拖拽
建立乙個div，因為是移動端的，所以用touchmove事件，觸發乙個函式。裡邊的span標籤是為了使用iconfont 上邊div裡有乙個動態繫結的style樣式，是因為給這個div加了定位，之後需要動態設定座標，為了簡單所以使用。這樣就需要在data中定義乙個 x軸 left y軸 top 初始...
vue 移動端框架
採用vant vue vuex axios webpack iconfont 構建的移動端專案模板 1.目前vuex主要用於儲存登入的token,使用者資訊，訊息列表等等 2.axios主要用於介面請求前新增統一的token,和攔截伺服器返回的狀態碼，這裡攔截401錯誤，並重新跳入登頁重新獲取tok...