疑難雜症萬事通
在網路上遇到任何問題都可以在這邊找找看唷

Search

關於 vscode live server沒反應 ，我們在網路上蒐集到這些相關的討論、資訊與評價

相關標籤 相關照片 相關影片
社群媒體上有些相關的討論：

vscode live server沒反應 在 [問題] mac上用vscode寫html如何Debug? - 看板Web_Design 的推薦與評價


作者nosmraw (諾諾)
看板Web_Design
標題[問題] mac上用vscode寫html如何Debug?
時間Sun Jul 29 09:47:45 2018


新手請教

目前覺得vscode在windows上練Html+CSS+Js蠻方便的

如果要Debug就是開啟lls用chrome測試就好



vscode是跨平台的

我想在osx打造類似的環境來debug
但我在網路上找不到類似lls那種自建server的方法
雖然可以當文字編輯器用但就是不能debug
請問有人知道如何做嗎?


或著有人可以推薦osx上練習不錯用的IDE...

先感謝願意解答的大大

--

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 150.116.196.81
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1532828867.A.73E.html
推 peanut97: 如果你的語言是純js (沒有用React或Vue等框架)，那在 07/29 10:05
→ peanut97: chrome的devtool中的source 下中斷點，執行的時候就可以 07/29 10:05
→ peanut97: 停在中斷點讓你debug、逐步執行了。 07/29 10:05
→ peanut97: 另外自建server可以用npm上的「http-server」下載到全域 07/29 10:06
→ peanut97: 之後在專案目錄下指令「http-server -c-1」就會以伺服器 07/29 10:06
→ peanut97: 的方式啟動專案了。(-c-1是讓他不要使用取快，方便debug 07/29 10:07
→ nosmraw: 我成功裝了http-server 在vscode上debug可以 07/29 11:11
→ nosmraw: 但會一直導向server一直導不到我的專案XD 07/29 11:12
→ nosmraw: 07/29 11:12
→ nosmraw: 可能我IDE還沒有很熟 我再研究看看 感謝>< 07/29 11:13
推 dalconan: mac印象中內建apache，不想太深入研究有懶人包xampp 07/29 11:39
→ dalconan: 多了PHP和MYSQL（雖然應該用不到），但執行就可以用 07/29 11:40
推 jherk: npm live-server 07/29 13:17
推 nottt: 前面很多人說了 開apache or 另外裝(http-server xampp) 07/29 13:52
→ nottt: 另外要說windows上的是IIS 不是LLS 07/29 13:52
推 steven11329: webpack 07/29 16:08
推 Neisseria: https://gist.github.com/willurd/5720255 07/29 16:33
→ Neisseria: 只有前端的話，應該都可以用 07/29 16:34
→ erozak: 用Chrome開發的話，可以裝個debugger for chrome插件來用 07/29 17:28
推 waveciou: 用 live server 外掛 07/29 20:08
推 devink0430: vscode的外掛 live server， 07/30 05:48
→ devink0430: 需要串API可以試試json server 07/30 05:49
推 fukinhot: 你http-server要在你想host的資料夾路徑下執行 我是用n 07/31 07:47
→ fukinhot: pm 裝全域的 超好用的 樓上各位建議也用用看 07/31 07:48
→ fukinhot: 他會自動找路徑下有沒有index.html 有的話 localhost:8 07/31 07:50
→ fukinhot: 080/就直接導向html 07/31 07:50
推 windclara: 用Node.JS配合webpack應該最快又最好測試吧(熱重載)！ 08/06 00:08
→ windclara: 不會沒關係，在github找一個現成的，弄一個頁面來自己 08/06 00:08
→ windclara: 練習就好 08/06 00:08






... <看更多>

vscode live server沒反應 在 VS CODE Live Server問題 - 前端工程師板 | Dcard 的推薦與評價

想請問版上的各位，小弟在練習寫php，剛剛發現VS CODE有Live Server這個好東西，但是安裝完點下Go Live跑出了listing directory這個頁面， ... ... <看更多>

vscode live server沒反應 在 墨雨設計| 動態網頁課程社團| 【提問】VS Code 編譯Pug 的問題 的推薦與評價

【提問】VS Code 編譯Pug 的問題想問，在VS Code 上面如果希望即時把Pug 一存檔就編譯成html 讓他可以在Live Server 上面可以呈現，有什麼外掛可以使用呢？ ... <看更多>

vscode live server沒反應 在 Visual Studio Code(VSCode) 必備實用套件 的推薦與評價

Live Sass Compiler. 另外如果你不想安裝Sass 編譯，但是你很喜歡它的模擬伺服器的功能的話，也可以單獨安裝Live Server. ... <看更多>

vscode live server沒反應 在 Angular 12 開發環境說明 的推薦與評價

由於預設Visual Studio Code 在Windows 10 下，預設會用Windows PowerShell 開啟終端機模式。 ... Angular Live Development Server is listening on localhost:4200, ... ... <看更多>

你可能也想看看
Open WITH live server 不能 用
vscode即時預覽
Mac live server 沒 反應
mac live server沒反應
live server沒有go live
Vs Code Live Server 打不 開
live server設定
Vscode live server Go Live not showing
搜尋相關連結

#1. VSCode Live Server Go live 不顯示問題 - 筆記

安裝VSCode 以及Live Server 套件的過程有眾多文章可供參考，這邊只說明我遇到的情況，系統是Windows 10 。 這個問題困擾我非常之久，如果推到github ...

#2. vs-code点击open with live server 浏览器没有反应 - CSDN博客

专栏目录. VSCode配置之open-with-Live-Server 无法打开浏览器【解决方法】 ... VScode open with live Server 没反应解决办法，查看端口占用.

#3. Vscode Live Server 插件Open With Live Server 没反应

在调试单个html 文件时，可以使用Live Server 插件，快速开启http 服务，并打开当前页面。但目前这个插件可能会出现没反应，打不开的情况， ...

#4. VScode open with live Server 没反应解决办法，查看端口占用

VScode open with live Server 没反应解决办法，查看端口占用，程序员大本营，技术文章内容聚合第一站。

#5. VS CODE LIVE SERVER 無法開啟瀏覽器 - iT 邦幫忙

相關問題. VS Code 程式窗上的不支援代表??? visual studio code shortcut問題ctrl + /。 Toggle line comment shortcut 不能正常 ...

#6. vs-code点击open with live server 浏览器没有反应 - 简书

适用各种类似插件错误open in browser：Open browser failed!! Please check if you have installed the ...

#7. vscode中live server插件的Go Live不顯示問題- IT閱讀

vscode 中live server插件的Go Live不顯示問題. 2019-03-10 254. sco 16px version ins 服務不顯示右鍵插件pan. vscode 的live server 插件是一個很好用的插件，它會幫 ...

#8. Visual Studio Code套件Live Server - 聆風之境- 痞客邦

起因*** 在課程時被介紹到Live Server。 這是一款在Visual Studio Code上開發網頁時，可使用的一個很方便的延伸模組。 順便記錄一些大家在過程中遇到的問題~

#9. VSCode-live server問題 - 有解無憂

VSCode -live server問題. 2020-09-19 03:28:25 前端設計. 如上圖，在點擊open with live server后，沒有正常跳轉到瀏覽器頁面，而是在該頁面右下角出現了這個提示框， ...

#10. openwithliveserver没反应- 程序员秘密

open in live server的快捷键ctrl+L+O 一.端口占用问题解决：右键stop live server，或者使用快捷键->先ALT+L 再ALT+C,出现Server is now offline的提示后重启VS ...

#11. 使用Live Share 在Visual Studio Code 中共同作業 - Microsoft ...

安裝Live Share 擴充功能套件. 當您下載並使用Visual Studio Live Share 時，即表示您同意授權條款和隱私權聲明。 如果您遇到問題， ...

#12. vscodeliveserver没反应- 程序员ITS404

VScode LIve Server 插件下载后不能使用的问题问题一：右键open with live server无效。 解决方法:vscode文件用打开文件夹的方式打开... 问题二：无法同步实时更新页面 ...

#13. open with live server没反应- 星期7 - 博客园

我的vs code默认是用Edge (IE) 浏览器打开的，今天突然打不开了，点击了也没有任何的反应解决方式： 需要添加的配置1 { 2 "liveServer.setting.

#14. vscodeliveserver - 程序员宝宝

我的vscode里之前下了live server但是每次点开Go Lives虽然显示在5500端口打开了，但是浏览器没有丝毫反应，今天看了一个视频突然改好了，方法如下，希望可以帮到你。

#15. VSCode配置之open-with-Live-Server 无法打开浏览器【解决 ...

技术标签： 问题板块 VSCode配置 LiveServer open-with-live-server 设置Chrome为默认浏览器 ... VScode open with live Server 没反应解决办法，查看端口占用.

#16. 【技術工具】用VsCode擴充套件外掛Live Server設定服務端 ...

跨域問題. 也就是俗稱的前端與後端互動需要同源策略，即如下：. 域：伺服器域名，唯一標識(協議，域名，埠)必須保證一致，說明域相同.

#17. open in live server无法正常打开 - 足球投注万博

解决：右键stop live server，或者使用快捷键->先ALT+L 再ALT+C,出现Server is now offline的提示后重启VS Code。 在这里插入图片描述 二.配置问题. 1.打开设置.

#18. VS CODE Live Server問題 - 前端工程師板 | Dcard

想請問版上的各位，小弟在練習寫php，剛剛發現VS CODE有Live Server這個好東西，但是安裝完點下Go Live跑出了listing directory這個頁面， ...

#19. live server設定 - 軟體兄弟

... Wireshark 抓包分析 · lang姓氏 · ps4直播功能 · live server npm · Vscode HTML live · live server瀏覽器 · VSCode 即時預覽 · Live Server 沒反應.

#20. 如何在Visual Studio Code for HTML中顯示console.log輸出？

我不使用Visual Studio Code進行HTML開發Node.js. debugger-for-chrome 可以解決問題。檢查此鏈接。它顯示瞭如何做到這一點https:// ...

#21. 墨雨設計| 動態網頁課程社團| 【提問】VS Code 編譯Pug 的問題

【提問】VS Code 編譯Pug 的問題想問，在VS Code 上面如果希望即時把Pug 一存檔就編譯成html 讓他可以在Live Server 上面可以呈現，有什麼外掛可以使用呢？

#22. macOS+VSCode，LiveServer无法自动刷新网页 - 程序员宅基地

测试在VSCode中修改内容，查看浏览器中html网页内容有没有自动刷新，结果——没有。 ... vscode 点击open with live server 没反应右键vscode 快捷方式- 选择属性- 选择 ...

#23. live server没反应,Web开发,技术交流区,鱼C论坛

vs code 里面open with live server 点了不出来网页有大佬知道怎么解决吗,鱼C论坛.

#24. 程式設計板哈啦板

【問題】Vscode Live Server 即時更新問題. 如標題所說使用Live Server的情況下編輯完html檔儲存後並不會即時更新頁面而是要手動F5後才會變更為編輯後 ...

#25. VSCode超话—新浪微博超话社区 - Weibo

VSCode 超话 为什么我的live server，无法使用啊，点击open with live server没有 ... 慢呀，当替换总数在100个左右的时候点了确定根本没反应，等了几分钟也没有替换.

#26. liveserver - 程序员资料

一、在vscode扩展中搜索live server，并安装二、打开命令面板，输入settings，点击首 ... vscode 点击open with live server 没反应右键vscode 快捷方式- 选择属性- ...

#27. Live Server（Visual Studio Code 擴充功能）：編輯器內即時 ...

今天要來推薦的這個VSCode 擴充可以在編輯器內建立即時更新的本機伺服器，當網頁內容儲存馬上反應在瀏覽器的預覽頁面上，速度非常快，就不用像過去 ...

#28. 在Visual Studio Code直接開啟html於瀏覽器 | vscode即時預覽

在Visual Studio Code（簡稱VS Code）中如果要直接開啟html檔於瀏覽器，可以安裝擴充套件open in ... Live Server（Visual Studio Code 擴充功能）：編輯器內即時更新.

#29. openwithliveserver没反应- 程序员ITS203

VScode open with live Server 没反应解决办法，查看端口占用. 标签： 前端. VScode直接官网下载安装很方便... 中文插件第一款样式插件第三个模拟线上的插件我在安装 ...

#30. vscode live-server无法打开浏览器，只能手动在浏览器访问 ...

你期待的结果是什么？实际看到的错误信息又是什么？ 没有任何反应，但是右下角的go-live显示有启动.

#31. Live Server Web Extension – 下載 Firefox 擴充套件（zh-TW）

Live Reload feature for Dynamic content (PHP, Node.js, ASPNET - Whatever, it doesn't matter). This extension is for Live Server - VSCode ...

#32. ”liveserver的端口号“ 的搜索结果 - 程序员ITS201

vs code 安装配置live server配置Browser浏览器、改Port端口号、改Host地址. 标签： vscode vs ... VScode open with live Server 没反应解决办法，查看端口占用.

#33. 〔筆記〕使用vscode達到php 運行live ... - King 學習前端之人生

因為在撰寫html上，html屬於用戶端（Client-side），作業上都是在客戶端進行不會有server端的問題，所以進行存檔頁面即變更較為簡易，網路上也有很多套件 ...

#34. [开发工具] vscode 点击open with live server 没反应

vscode 点击open with live server 没反应. 右键vscode 快捷方式- 选择属性- 选择兼容性- 勾选以管理员身份运行此程序 ...

#35. 為什么我無法在VSCode 中使用Live Server 打開我的.html？

我第一次在VSCode 中安裝了Live Server，並嘗試使用Live Server 打開一個.html 文件。 我正在按照官方安裝頁面上提供的簡單說明進行操作， ...

#36. VSCode快速安裝教學，推薦常用外掛擴充套件 - ALPHA Camp

‍Visual Studio Code (簡稱VSCode)是一個支援多平台的開放原始碼免費 ... Live Server: 讓你可以在檔案儲存的同時，就直接在瀏覽器裡同步看到結果。

#37. VSCode前端开发插件Live Server_哔哩哔哩 - Bilibili

活动作品VSCode前端开发插件Live Server. 4184播放 · 总弹幕数152020-02-18 19:56:44 ...

#38. Web端的Visual Studio Code！寫代碼，你可能只需要一個瀏覽器

介紹code-server是一個可以在遠程伺服器上運行VSCode的工具， ... 也進行了訪問，但是都是白屏沒反應；http://192.168.1.60:10060/main.jsp通過chrome ...

#39. [Editor] VS Code 常用快速鍵

列表常用的VSCode 快速鍵。 # Visual Studio Code. 工欲善其事必先利其器，好的Editor / IDE 讓你開發速度加倍速，爛的編輯器讓你倒退嚕。

#40. Visual Studio Code(VSCode) 必備實用套件

Live Sass Compiler. 另外如果你不想安裝Sass 編譯，但是你很喜歡它的模擬伺服器的功能的話，也可以單獨安裝Live Server.

#41. 第一次使用VS Code时你应该知道的一切配置 - 知乎专栏

使用方式：安装插件后，开始写代码；代码写完后，右键选择「Open with Live Server」。 4、Chinese (Simplified) Language Pack for Visual Studio Code. 让软件显示为简体 ...

#42. [問題] mac上用vscode寫html如何Debug? - 看板Web_Design

新手請教目前覺得vscode在windows上練Html+CSS+Js蠻方便的如果要Debug就是開啟lls用chrome ... 推devink0430: vscode的外掛live server， 07/30 05:48.

#43. Visual Studio Code 環境設定 - Medium

安裝完會提示你重新開啟VSCode，重開就會變成中文版了。如果沒有的話，參考官方說明文件 。 cdnjs 未來引入外掛的好幫手; Live Server 在本地端啟用伺服器 ...

#44. Mkcert - 在localhost 掛HTTPS 神器- 客座投稿 - W3HexSchool

你就可以將產生出來的憑證，指定到對應的網域上。像我有使用VS Code 的套件，Live Server ，他預設https 沒有開啟，若要開啟的話，必須到編輯器裡面的 ...

#45. Angular 12 開發環境說明

由於預設Visual Studio Code 在Windows 10 下，預設會用Windows PowerShell 開啟終端機模式。 ... Angular Live Development Server is listening on localhost:4200, ...

#46. 【茶包射手日記】無法下載Chrome 的IE - 黑暗執行緒

切換過不同IE 相容模式沒法解決問題，印象中以前沒遇過這種狀況。 我知道Windows Server 版本的IE 多了一層安全防護叫IE Enhanced Security Configuration ...

#47. vscode按f12没反应

代码同步浏览器安装vccode 安装live server插件尽管我在VS Code中经常使用许多快捷键,以下快捷键可能会派上用场,但我经常忘记它们的存在.我制作了一些GIF,以便更好地记 ...

#48. mac 启动本地服务_mob604756f87695的技术博客

如图所示： 点击Start MySQL Server 没反应… ... 启动本地服务器插件Live Server. 启动一个本地服务，可以使用vscode安装一个Live Serve插件 2.

#49. 是否可以使用Live-server for PHP 并在保存时自动重新加载?

我尝试在VS Code for PHP 上使用Live-Server 扩展，但它只打开了"服务"项目文件夹的"根"，并将index.php 显示为可下载文件链接.

#50. openwithliveserver没反应 - 程序员ITS304

open in live server的快捷键ctrl+L+O 一.端口占用问题解决：右键stop live server，或者使用快捷键->先ALT+L 再ALT+C,出现Server is now offline的提示后重启VS ...

#51. VSCodeのLive Serverが共有フォルダで機能しない - Teratail

こちらの問題を解決したいです。 試したこと. Live Serverの再インストール、PCの再起動、対象フォルダを選択しているか、 body等のタグ ...

#52. 默认用的是studio打开的怎么办，如何改成用code打开呢 - 体系课

同学你好，是想要在vsCode中打开吗？... 打开App查看更多内容. 前端工程师 ... live server打开浏览器没反应，用了另一个插件可以打开但是有图2报错。

#53. 邀請別人幫忙共同debug：Visual Studio Live Share

他主要的用處，就是當碰到自己不知道該怎麼解的程式問題的時候，可以邀請別人一起進來找問題！ 他的形式就是有點像是Google 文件的共筆模式，可以多人一起 ...

#54. VsCode前端開發插件推薦 - 台部落

讓vscode 映射chrome 的debug功能，靜態頁面都可以用vscode 來打斷點調試 ... 配置Live Server { "liveServer.settings.port": 8080, //設置本地服務 ...

#55. 第一次使用VS Code时你应该知道的一切配置 - 掘金

使用方式：安装插件后，开始写代码；代码写完后，右键选择「Open with Live Server」。 4、Chinese (Simplified) Language Pack for Visual Studio Code.

#56. Visual Studio Code：取代Sublime 的文字編輯器 - 竹白記事本

問題，清楚顯示錯誤程式碼。 常用快速鍵. 通用快捷鍵. Ctrl + P ，快速打開最近打開的文件。

#57. 編寫一個Open Live Writer的VSCode代碼插件 - 人人焦點

一見VSCode，立刻想到VS，立刻想到VSPaste（Windows Live Writer上 ... Live Writer的VSPaste插件丟失RTF格式信息的經歷），我的第一反應就是判斷剪貼 ...

#58. Blogging as code - 安德魯的部落格

Text; 2005 - Community Server; 2008 - Blog Engine; 2015 - Word Press ... 這邊GitHub Pages 跟VS Code 都不會有什麼大問題，裝了就是了。

#59. vscode_悦橙教程

在vscode安装Live Server 插件 4. ... 安装完成以后会提示不用管这个，直接点不在提示如果安装完插件没反应，右键点击vscode的图标，选择以管理员的身 ...

#60. 在Visual Studio Code直接開啟html於瀏覽器 - 菜鳥工程師肉豬

如果發現輸入"open in browser"在下都沒出現任何結果，那可能是有bug，可試試重開機。 然後點選[Install]並重新啟動。 之後在html檔上按滑鼠右鍵的選單中 ...

#61. 小輕快跨平台：王的編輯器Visual Studio Code聖經 - 博客來

支援上百種程式語言，語義突顯、自動完成、自動縮排，完整中斷偵錯，跨平台，內建支援SSH、GIT，可連線到遠端的Windows/Linux/MacOS上進行開發、網頁支援、雲端支援，說不 ...

#62. 無法連結到內網windows http server 時，該如何處理

首先，環境是使用windows10，http server 是使用xampp 的apache架設的 ... 這次測試本機端可以正常連線，表示http server 沒問題.

#63. vscode如何设置默认打开的浏览器为Chrome? - 爱代码

open with live server. 这是一个对页面热更新的插件，相当好用在扩展商店里面找到这个插件. 2ba54f386dee6809cd0e8c595695ef3c.png. 点击圆圈中的设置小图标，选择 ...

#64. [外掛] VSCode 自動即時編譯器Live Sass Compiler 安裝與輸出 ...

這時就會看到，立即就會將SCSS轉存成CSS，並儲存在原路徑底下，由於目前正在監控，因此當編寫任何的SCSS，只需按下儲存，CSS文件也會同步更新。 梅問題-[ ...

#65. vscode打不开未响应

老哥们,vscode编译后没反应,光标一直闪没输出怎么回事啊。按回车也只是在黑框里换行。 zjf121348 吧主11 ... VSCode配置之open-with-Live-Server 无法打开浏览器【解决.

#66. Live Sass Compiler - HackMD

tags: VSCode Visual Studio Code ... 而Live Sass Compiler 套件，可以直接在VSCode 內編譯SASS。 使用Live Sass Compiler 前，必須先安裝Live Server 套件。

#67. 「這個網頁無法使用」 - Chrome 作業系統說明 - Google Support

這則訊息代表Google Chrome 無法找到及載入您嘗試造訪的網頁。如要解決這個問題，請嘗試下列步驟。 檢查網址. 如果瀏覽器視窗顯示「ERR_NAME_NOT_RESOLVED」 ...

#68. [開發工具] 使用VS Code + XAMPP 進行PHP 的開發與Debug

PS. VS Code 似乎建議我們裝PHP7，但是筆者公司的伺服器是用PHP5，所以本文會用PHP5 的XAMPP 做示範唷！ 再來安裝VS Code 吧. 點下那大大的Download for ...

#69. 在VS Code 中调试

在可以从VS Code 调试你的Vue 组件之前，你需要更新webpack 配置以构建source map。做了这件事之后，我们的调试器就有机会将一个被压缩的文件中的代码对应回其源文件相应的 ...

#70. 編寫一個Open Live Writer的VSCode程式碼插件

一見VSCode，立刻想到VS，立刻想到VSPaste（Windows Live Writer上 ... Live Writer的VSPaste插件丟失RTF格式資訊的經歷），我的第一反應就是判斷剪貼 ...

#71. code打不开live+server_live server下载了不能用 - 小融知识网

code打不开live+server最新消息，还有live server下载了不能用，live server插件怎么用，visual studio code教程等内容，问题如下: 解决方法: ...

#72. VS Code 的常用快捷鍵 - 程式前沿

VS Code 的常用快捷鍵和外掛一、vs code 的常用快捷鍵1、註釋： a) 單行註釋：[ctrl k,ctrl ... 24、React Components 根據檔名建立反應元件程式碼。