vscode中HTML文件绿色图标，无法用浏览器打开

最新推荐文章于 2023-12-16 15:18:59 发布
最新推荐文章于 2023-12-16 15:18:59 发布
阅读量723 收藏
点赞数
分类专栏： bug集锦 文章标签： vscode html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45149481/article/details/123260642
版权

VSCode HTML图标 Open with Live Server 设置 文本编辑器
关键词由CSDN通过智能技术生成

之前不知道哪里可能设置了一下，html图标和别人的不一样，变成绿色的了，而且不能在vscode里用浏览器打开，如图
在这里插入图片描述
右键也没有了open with live server的选项

解决方法

左下角设置（setting）-文本编辑器（text editor）-文件（file）。添加上如下一行：
在这里插入图片描述
即可
发现HTML文件变了回来在这里插入图片描述
右键open with live server
成功打开

宁理大神1996
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue学习+vscode
marsman2010的博客
11-10 347
nodejs的官网， nodejs.org/en/
Vscode 绿色版
03-31
Vscode编程工具，该版本为便携版本，内有相应配置文件
VScode项目名变绿解决问题
qq_43894292的博客
09-21 1320
vscode
VScode项目文件名变绿解决方法
最新发布
Yt0601的博客
12-16 1864
VScode项目文件名变绿---解决方法
取消VSCode左侧文件夹绿色高亮
weixin_44813417的博客
10-19 2201
打开项目所在文件夹 找到.git文件删除即可
visual studio code 编译运行html css js文件的教程
08-19
- 使用`Open in Browser`：在HTML文件中右键，选择"Open in Default Browser"，或者按`Ctrl + B`快捷键，页面会在默认浏览器中打开。 ### 编写和运行CSS文件 1. **创建CSS文件**： 在同一项目目录下，创建一个`....
vscode预览html效果
07-17
3. 安装完成后，点击扩展面板中的"Go Live"按钮（绿色圆圈图标），或者使用快捷键Ctrl + Shift + P（或Cmd + Shift + P）并输入"Live Server: Open with Live Server"。 4. 这将自动在浏览器中打开你的HTML文件，并...
vscode调试html怎么连接localhost失败
07-16
2. 在VS Code中打开HTML文件，并确保你已经安装了"Debugger for Chrome"扩展。这个扩展可以帮助你与Chrome浏览器进行调试。 3. 在VS Code中打开调试视图（快捷键：`Ctrl + Shift + D`）。 4. 点击调试视图顶部的...
Vscode常用插件及安装-改.pdf
04-12
4. 直接让页面在浏览器打开插件（ViewinBrowser/ Open In Browser）：这个功能通常是为了更方便地预览开发中的网页。通常情况下，我们可能需要手动打开文件系统，找到对应的HTML文件进行双击打开。而有了这类插件，...
VS Code文件全为绿色且带U解决办法
dystsp的博客
07-23 7673
VS Code文件全为绿色且带U解决办法
Vscode文件夹和代码各种颜色（详细汇总）
热门推荐
maxle的博客
04-18 2万+
修改代码颜色（VSCode 设置注释的颜色为绿色）：， git 文件标识，修改vscode代码颜色，vscode文件夹变色，变成绿色 本篇主要写了在vscode里修改代码颜色，vscode文件夹变成绿色，文件夹变色，vscode修改代码颜色（VSCode 设置注释的颜色为绿色），git 文件标识，文件夹后面有个字母，文件的颜色，等等。
新人问题记录|VSCODE git开启致项目目录变绿
qq_55328036的博客
06-14 1096
git开启致项目目录变绿
解决vscode中打开html文件 总有绿色波浪线报错信息的解决办法。
wq861219的博客
05-29 1万+
只是一个标签居然也报错，前后检查没什么问题啊！问题出在vscod中的HTMLHint插件，出了问题  关闭它就好了！
关于vs code下载vetur后vue代码颜色仍无改变的解决方法
qq_43129397的博客
02-11 8338
在Vs code中使用vue的时候，默认是没有高亮显示的，通常我们都会通过下载插件的方式来解决问题，大部分的童鞋通过下载Vetur插件之后，问题都得到了解决，但也有一少部分人和我一样，下载了Vetur问题仍然存在 在我经过网上搜索问题处理方法后，最终得到了问题的解决方法，在此将解决方法分享给大家，供大家参考 步骤一：在Vs code中按 Ctrl+Shift+P调出以下界面 步骤二： 输入set...
关闭vscode链接检查，去掉VSCODE 编辑器的链接下划线
俺老刘技术分享
01-12 3262
vscode有个超链接检查功能，出发点本身是好的，可以确保你写的代码中链接能够正确 但是现在很少人采用原生开发，大多使用框架，比如thinkphp框架中，很多链接的路径都需要重新定义替换 所以这个超链接检查基本上没用，还给编写代码带来困惑，如上图所示 对我这样的强迫症来说，每次都看着很别扭 于是仔细看了以下设置文件，终于找到取消这个功能的方法了。 在文件》首选项》设置》文本编辑器 慢慢的往下拉，一直找到links，取消“控制是否在编辑器中检测链接并使其可被点击”前面的勾即可，如下图浅绿色区域..
vscode 左侧文件夹颜色含义
Jianchi0001的博客
11-30 7228
代码里的左侧颜色标识: 红色，未加入版本控制; (刚clone到本地) 绿色，已经加入版本控制暂未提交; (新增部分) 蓝色，加入版本控制，已提交，有改动； (修改部分) 白色，加入版本控制，已提交，无改动； 灰色：版本控制已忽略文件。 当前遇到一个问题，添加了一个code代码，里面有一个文件夹是灰色的，搜索的时候这里的内容就会被忽略，需要修改成可以搜索，变成其它颜色 文件夹里有个.gitnore文件，这里控制忽略哪些文件或者文件夹： 需要查看的是standalone里的内容，将其注释掉，即不忽略该文件
vscode——HTML基本标签图片
iheyu(一个新手小白女PHP初学者)
08-16 1万+
1.在html中显示图片用——><img>——>显示图片就用到<img src=">属性； ****切记要把图片“重命名——>放到对的路径里面才可以哟!" <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m...
IDEA中JSP,HTML等语言变成绿色或者黄色,且打关键字没有提示
weixin_51330027的博客
11-04 4386
一般来说,遇到这种情况都是不小心按了alt+enter导致使用了注入语言片段。 这种情况其实很好解决，有的博客说在setting中修改body或者直接取消勾选，其实没那么麻烦（但是不知道你们遇到的是不是我这种情况，如果这种方法不好用，可以参考其他博主的方法！！！） 首先在将鼠标放置在html标签上，alt+enter，如出现uninject language or reference（中文显示下是取消语言注入）说明你遇到的情况和我是一样的。只需要点击这一选项即可。 如果你遇到的情况和我..
解决VSCode打开TXT文件乱码问题
在本例中，问题在于TXT文件可能是用GBK编码格式保存的，而VSCode默认以UTF-8编码来打开文件。GBK是中国大陆广泛使用的中文编码标准，它兼容GB2312，并能表示更多的汉字。如果一个GBK编码的文件被UTF-8编码的程序尝试...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值