webstorm預覽html配置localhost為本機ip地址

harriszh 發布于2019-08-26 10:41 / 3059人閱讀

摘要：默認打開的路徑是當我們想在手機上看時這個地址顯然不行，于是需要修改一下的配置，首先需要修改部分的紅框框住部分，修改端口號，勾選后面部分然后是修改，點擊號添加一個服務器，類別選擇注意這里路徑寫所在文件夾的根目錄，意思是如果你的是在，寫的路

webstorm默認打開html的路徑是 http://localhost:63342/...,當我們想在手機上看時這個地址顯然不行，于是需要修改一下webstorm的配置，File->Settings->Build, Execution, Deployment;
首先需要修改debugger部分的紅框框住部分，修改端口號，勾選后面部分：

然后是修改Deployment，點擊+號添加一個服務器，類別選擇Local or mounted folder

注意folder這里路徑寫所在文件夾的根目錄，意思是如果你的html是在，寫的路徑就應該是，否則會找不到這個文件；
web server Url 就寫本機ip地址加上你剛剛在debugger里配置的端口號；

然后是Mappings，local path同上面的folder，deployment path也是根路徑，最后點擊apply，就完成配置啦~

現在在webstorm里面選擇用Chrome瀏覽器預覽html已經是ip地址啦，這樣就可以在手機上調試網頁了！

云服務器 GPU云服務器如何查找本機ip地址 webrtc獲取本機ip地址 php獲取本機IP地址本機的ip地址php

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/106603.html

移動端真機調試實戰經驗

摘要：我個人比較推薦的方法是或者安卓手機的這種方式，比較簡單方便快捷，然后根據具體的環境再選擇更為合適的調試方法。本文首次發表于本人的個人博客：http://cherryblog.site/ ，歡迎大家到我的博客查看更多文章~ 前言在開發中前端免不了要進行移動端的開發，然而在電腦上看的樣式和手機上還是有一定的差距的，因為手機上有頂部的狀態欄和底部的菜單欄，特別是在qq內置瀏覽器中打開，差...

rainyang 2019-08-20 16:21 評論0 收藏0
前端開發：實時刷新（及時預覽）工具小匯總，兼有gulp+browser-sync設置方法

摘要：打開您的命令行工具，進入到目錄下，運行以下其中一條命令。將創建一個本地服務器并自動打開你的瀏覽器后訪問地址，這一切都會在命令行工具里顯示。自己寫標簽：實時刷新、免F5、 gulp + browser-sync 開門見山，首先講明一下本文的定位吧：寫這篇文章是因為自己在平時的學習中，一次次試驗了很多的前端實時刷新工具，有順手的，有蹩腳的，有簡單的，有麻煩的，安裝完又折騰，折騰完又卸...

villainhr 2019-08-21 10:47 評論0 收藏0
Vue-cli 3.5.1 + Webstorm 使用手機訪問演示頁面

摘要：使用手機訪問演示頁面如果使用和創建項目。后手機不能通過網絡訪問演示頁面，原因是默認使用計算機本地連接的地址作為網絡訪問地址修改地址為要使用的無線網絡地址就可以解決問題在之前的版本中可以修改目錄內文件解決移除了文件后可嘗試如下解決辦法。 Vue-cli 3.5.1 + Webstorm 使用手機訪問演示頁面如果使用Webstorm和Vue-cli 3.5.1創建項目。npm run s...

CrazyCodes 2019-08-23 15:59 評論0 收藏0