1.cmd 輸入ipconfig 獲取本機的ip位址
2.如果是vue-cli3搭建的專案 因為沒有config資料夾，這邊需在根目錄新建乙個 vue.config.js檔案基本上所有的一些配製都在這裡，
3.在這個檔案裡使用到
所有 webpack-dev-server 的選項都支援。注意：
如果你的前端應用和後端 api 伺服器沒有執行在同乙個主機上，你需要在開發環境下將 api 請求**到 api 伺服器。這個問題可以通過 vue.config.js 中的 devserver.proxy 選項來配置。
devserver.proxy 可以是乙個指向開發環境 api 伺服器的字串：可以配置允許跨域之類的
devserver: ,
然後開啟本機的防火牆，在手機上就訪問vue專案的路徑就可以進行除錯了，也是實時重新整理的，
4.為了更好的除錯 可以安裝移動端除錯工具
npm install vconsole
在專案的入口檔案 main.js
import vconsole from 『vconsole』
let vconsole = new vconsole()
export default vconsole
頁面就會出現
就跟控制台一樣可以有資料的 列印更方便除錯
手機端適應 vue專案移動端 pc端適配方案
vue專案移動端 pc端適配方案 npm i lib flexible s npm i postcss px2rem s 簡要介紹這兩個包的用途 flexible會為頁面根據螢幕自動新增標籤，動態控制initial scale，maximum scale，minimum scale等屬性的值。pos...
VUE專案測試，移動端
vue專案，進行移動端測試操作步驟 1 執行專案 npm run dev2 電腦建立熱點 3 手機連線熱點，通過本地ip 訪問專案 查詢本地網域名稱 1 windows r 輸入 cmd 2 輸入 ipconfig 3 ipv4 位址 就是ip位址了 4 發現報錯，無法訪問 5 解決 方法一 找到檔...
vue 移動端專案自適應
npm install npm run servevue 移動端專案，需要根據手機螢幕的大小自動適應，避免樣式bug，使用外掛程式專案自動轉化為 rem 布局，未開始或進行中的專案都可以進行配置 通過對 vue 專案進行配置，使得專案在啟動的時候，根據當前裝置的螢幕尺寸把尺寸 px 自動轉化為 re...