vue-cli 構建的專案，本地手機端預覽
前提： 手機和電腦在同一wifi下
一：開啟專案的package.json檔案，修改裡面的script裡面的dev
在dev 鍵值最後邊加上
--host 192.168.199.196
192.168.199.196 就是自己的本地ip地址
windows 檢視ip 地址 開啟終端，或者git bash
輸入 ipconfig
裡邊的ipv4 就是自己的本地ip
mac 檢視ip ，也是開啟終端
輸入 ifconfig
inet 後邊的ip 地址就是本地ip
二：修改好了之後本地電腦訪問要把之前網址的localhost換成自己的電腦ip地址；
三：windows要關閉自己的電腦防火牆！ mac 可以省略這一步
四： 重新啟動專案 在手機瀏覽器上輸入電腦上的本地專案網址就可以檢視，
而且還可以實時更新，一邊寫程式碼編譯完成後手機瀏覽器可以自動更新！很方便；
相關文章
- 無線端專案 手機初步預覽
- 關於vue-cli構建的專案在github上的預覽問題VueGithub
- vue-cli構建vue專案Vue
- vue-cli構建專案使用 lessVue
- vue-cli腳手架專案構成Vue
- vue-cli快速構建專案簡單介紹Vue
- Vue.js(一) 基於vue-cli腳手架工具構建Vue專案Vue.js
- Vue(1):用Vue-cli構建Vue3專案Vue
- vue-cli 專案結構Vue
- node和vue-cli構建專案時安裝的常用依賴Vue
- vue-cli構建的專案，.vue檔案修改無法熱更新的問題Vue
- vue-cli專案結構詳解Vue
- 使用 .NET CLI 構建專案腳手架
- vue（16）vue-cli建立專案以及專案結構解析Vue
- 有手就行5——jenkins專案構建型別（pipeline流水線專案構建推薦）Jenkins型別
- Web專案中預覽PDFWeb
- 有手就行8——專案構建細節3-Jenkins的引數化構建Jenkins
- 如何構建「大型 Node.js 專案」的專案結構？Node.js
- 提交原本地專案到遠端gitGit
- vue專案上傳Github預覽VueGithub
- 檔案上傳本地預覽js程式碼例項JS
- 如何構建大型的前端專案前端
- webpack快速構建專案Web
- Maven 構建 Java 專案MavenJava
- Maven Web專案構建MavenWeb
- JAVA專案映象構建Java
- 簡述vue-cli 2.x和vue-cli 3+在專案構建、執行、編譯執行時的區別Vue編譯
- Vue-CLI 專案搭建Vue
- Vue-cli + express 構建的SPA Blog（採用前後端分離方案）VueExpress後端
- 普通vue-cli初始專案轉為服務端渲染SSRVue服務端
- 蘋果手機如何更改預設瀏覽器蘋果瀏覽器
- 提高 webpack 構建 Vue 專案的速度WebVue
- 使用Mkdocs構建你的專案文件
- 使用Maven構建Java專案MavenJava
- Gradle之多專案構建Gradle
- 使用SBT構建Scala專案
- Yii框架和Vue的完美結合構建前後端分離專案框架Vue後端
- vue 本地預覽多圖上傳Vue