vscode Live Server插件问题修改
<h1 id="基于windows11下visual-studio-code中的live-server插件使用过程中出现的问题与解决方法">基于Windows11下Visual Studio Code中的Live Server插件使用过程中出现的问题与解决方法</h1><h2 id="本文字符约881个阅读需10分钟问题">本文字符约881个，阅读需10分钟<br>
问题</h2>
<ol>
<li>
<p>Open a folder or workspace... (File -> Open Folder)<br>
<img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511170957181-546956234.png" alt="" loading="lazy"><br>
这个是没有打开文件夹</p>
</li>
<li>
<p>点击这个后没有启动浏览器<br>
<img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511170608276-1848757640.png" alt="" loading="lazy"><br>
点击后为这个<br>
<img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511170551204-420764446.png" alt="" loading="lazy"><br>
并提示<br>
live server Server is now offline.<br>
和<br>
Server is Started at port : 5500</p>
</li>
</ol>
<h2 id="解决">解决</h2>
<p>问豆包<br>
在cmd输入<code>netstat -ano</code>查看端口占用</p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511171358319-472469759.png" alt="" loading="lazy"></p>
<p>端口无占用</p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511171716138-1494415502.png" alt="" loading="lazy"></p>
<p>或者<br>
<code>netstat -ano | findstr :5500</code></p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511172000164-785437592.png" alt="" loading="lazy"></p>
<p>端口没有被占用<br>
找到Live Server的设置</p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511172255025-1747144296.png" alt="" loading="lazy"></p>
<p>将这个改为使用的浏览器</p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511172432191-543049289.png" alt="" loading="lazy"></p>
<p>找到此电脑</p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511172525926-1844175885.png" alt="" loading="lazy"></p>
<p>选中此电脑（计算机）<br>
<kbd>ALT</kbd>+<kbd>ENTER</kbd>打开属性<br>
找到高级系统设置并打开</p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511172757255-1848568726.png" alt="" loading="lazy"></p>
<p>找到高级里的环境变量并打开</p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511172907527-1968511860.png" alt="" loading="lazy"></p>
<p>在系统变量里点击新建</p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511173100791-348661897.png" alt="" loading="lazy"></p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511173158969-947551382.png" alt="" loading="lazy"></p>
<p>变量值为<code>%SystemRoot%\system32</code>，也就是<code>C:\Windows\system32</code></p>
<p><img src="https://img2024.cnblogs.com/blog/3591449/202505/3591449-20250511173645391-1155488365.png" alt="" loading="lazy"></p>
<p>然后重新启动vscode应该就没什么问题了</p>
<h1 id="参考">参考</h1>
<p>CSDN|关于VS Code中安装live server后无法正常打开浏览器，并出现Server is Started at port : 5500问题解决方案！<br>
CSDN|Server is Started at port : 5500，但是却不能打开网页</p><br><br>
来源：https://www.cnblogs.com/longlong688/p/18871516
頁:
[1]