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構建vue專案Vue
- vue-cli構建專案使用 lessVue
- 手機端圖片預覽檢視
- Vue(1):用Vue-cli構建Vue3專案Vue
- vue-cli 專案結構Vue
- node和vue-cli構建專案時安裝的常用依賴Vue
- vue-cli構建的專案，.vue檔案修改無法熱更新的問題Vue
- 有手就行5——jenkins專案構建型別（pipeline流水線專案構建推薦）Jenkins型別
- 使用 .NET CLI 構建專案腳手架
- Vite本地構建：手寫核心原理Vite
- vue（16）vue-cli建立專案以及專案結構解析Vue
- 有手就行8——專案構建細節3-Jenkins的引數化構建Jenkins
- 如何構建「大型 Node.js 專案」的專案結構？Node.js
- 如何構建大型的前端專案前端
- vue專案上傳Github預覽VueGithub
- 簡述vue-cli 2.x和vue-cli 3+在專案構建、執行、編譯執行時的區別Vue編譯
- Gradle之多專案構建Gradle
- JAVA專案映象構建Java
- Gradle構建SpringBoot專案GradleSpring Boot
- CMAKE 《window構建專案》
- webpack快速構建專案Web
- Maven 構建 Java 專案MavenJava
- Vue-CLI 專案搭建Vue
- vue構建專案的三種方式Vue
- 普通vue-cli初始專案轉為服務端渲染SSRVue服務端
- 使用Maven構建Java專案MavenJava
- 使用gradle構建springboot專案GradleSpring Boot
- 2. vite 構建專案Vite
- 使用Dockerfile構建django專案DockerDjango
- SpringBoot淺析——專案構建Spring Boot
- react手機端專案注意點,ant design-mobile框架React框架
- 構建dubbo分散式平臺-maven構建根專案分散式Maven
- 基於vue-cli配置移動端rem自適應專案VueREM
- 使用 Webpack 的 DllPlugin 提升專案構建速度WebPlugin
- 如何構建多模組的SpringBoot專案Spring Boot
- 手機上玩 PC 遊戲的開源專案「GitHub 熱點速覽」遊戲Github
- 小白學習Vue(11)--環境安裝及專案構建 | webstorm構建vue專案VueWebORM