为什么在VScode编写/修改代码网页不显示

已于 2023-08-28 18:31:01 修改
阅读量3.8k 收藏 20
点赞数 19
分类专栏： 让我来看看是怎么个事儿 文章标签： vscode 前端 javascript bug
于 2023-02-27 19:57:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56498069/article/details/129248586
版权

为什么在VScode编写/修改代码网页不显示

刚开始使用VScode，明明代码已经编写完成，运行时网页却一片空白。
在这里插入图片描述
后来发现发现自己忘记CTRL+S保存了🐷

后面编写.css文件修改样式并且已在目标文件引用.css文件，结果网页里的内容没发生变化，找原因找了好久，发现是因为只保存了html文件，没有保存.css文件，后来保存了样式就修改成功了

希望给初学者避个小小小小的坑

原来是这么个事儿👴

POTATO！
关注
  • 19
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
专栏目录
vscode c/c++ 扩展
09-19
总结，"VSCode C/C++ 扩展"极大地提升了VSCode在C/C++开发中的体验，无论是语法高亮、代码补全，还是强大的调试功能，都使得VSCode成为C/C++程序员不可或缺的开发利器。只需简单安装和配置，即可享受到高效便捷的...
windows下安装vscode编写C语言代码.7z
06-30
本文将详细介绍如何在Windows系统中利用VSCode安装包和GCC编译器来配置环境，以便编写和运行C语言代码。 首先，我们需要下载并安装VSCode。在提供的文件列表中，有一个名为"VSCodeUserSetup-x64-1.40.2.exe"的文件...
VScode正常运行但是界面空白，报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
zutdragon的博客
03-08 4520
vue项目启动后，页面全空白，并报错：Uncaught TypeError: Cannot read properties of undefined (reading ‘install’)
关于我在Vscode运行html打开不了浏览器的问题解决方案
qq_73087022的博客
11-09 6142
关于我在Vscode运行html打开不了浏览器的问题解决方案
vscode中更改 git托管的项目里的文件 不显示在 修改项 changes里面
最新发布
qq_45327886的博客
05-29 1003
vscode中 更改git项目中的文件,但是不显示被修改的文件;被修改的文件前没有红色小图标
vscode 编写 html 浏览器打开为空白
weixin_42214743的博客
05-08 1万+
新手上路，懵懵懂懂，傻子一个，不喜勿喷。 写一个简简单单的程序，结果浏览器中就是空白 于是面向 CSDN 编程，然后发现大家都是说，安装Open in Browser 插件。 但是我已经安装好了此插件，还是空白。 于是闲的开始折腾起来网页右键的源代码和检查。 最后在检查中发现了应该要出现的结果。 ...
解决vscode的html无法运行
m0_64669072的博客
08-21 2288
解决vscode的html无法运行
在vscode中已经设置了style和css布局,保存代码后系统也没有提示报错为什么在网页刷新展示时没有效果？（自学编程错误集合）
m0_73034508的博客
08-18 1850
今天在学习css布局时，准备给页面设置居中属性；在vscode编辑器中给要设置居中的元素的stylet添加了文本居中属性:text-align: center;保存代码后刷新网页，发现网页没有任何变化。再去vscode编辑器中保存一下，也系统也没有提示有问题。 我在网上也没有找到相同的问题解决办法，于是我就去其他同学的学习作业网页中查看网页源代码，找到了问题的所在。 从vscode编辑器的代码我们可以看到虽然也有设置文本居中属性:text-align: center;但是刷...
vs-code 的 源代码管理 不显示项目代码的更改
热门推荐
weixin_48986139的博客
04-14 1万+
关于vs 源代码展示问题
VSCode中Source Control 不显示修改过的文件
Z_znmy的博客
02-25 6290
vscode打开项目发现Source Control没有修改过的文件，用GitBash可以看到有修改内容
解决在vscode编写/修改php代码浏览器不生效
2301_76575867的博客
11-09 771
然后搜索 "auto save" 来查看自动保存设置。直接可以选择 "onFocusChange" 或 "afterDelay" 作为自动保存触发器。1、在运行 PHP 代码之前，确保手动保存你的文件。然后查阅资料后了解代码更新不显示在网页上的问题可能与文件保存、自动保存或服务器刷下设置有关。今天刚开始学习PHP语言，按照网上的教程在vscode配置好环境以后，发现写的代码运行后如图，在网页显示空白。2、以上的操作我自己都嫌麻烦，于是乎我找到了更OK的一种，直接一劳永逸。
vscode C/C++环境配置助手
03-05
这个描述意味着该助手是为不熟悉VSCode或C/C++环境配置的用户设计的。通过这个工具，用户可以避免繁琐的手动配置步骤，只需按照指导操作即可。通常，手动配置VSCode的C/C++环境需要安装GCC/Clang编译器，设置环境...
vscode写python时的代码错误提醒和自动格式化的方法
09-16
这样，VSCode会在每次保存文件时自动运行Flake8检查代码，并显示错误提示。 接下来，我们谈谈代码自动格式化。自动格式化能确保代码遵循一致的样式，提高代码可读性。常见的Python代码格式化工具有autopep8、yapf和...
win10环境下vscode Linux C++开发代码自动提示配置(基于WSL)
08-19
在Windows 10环境下，利用Visual Studio Code (VSCode)进行Linux C++开发时，我们需要配置一些特定的设置以实现代码自动提示功能。这通常涉及到VSCode插件的安装、WSL (Windows Subsystem for Linux) 的配置以及...
html页面中源代码如何看不见div,DIV+CSS网页在浏览器显示空白但是源代码完整的解决办法...
weixin_39872044的博客
06-03 1390
特别在微软IE6版本上打开div+css开发的网页，浏览器不显示空白，什么也不显示，但是查看源代码结果网页代码又完整。你在开发测试网页时候有遇到此问题吧!常见网页显示空白，网页源文件完整原因如下：1、主要原因是html和css源代码的编码不同造成2、没有设置网页编码charset3、charset编码设置声明标签放置的位置不正确解决div+css开发的网页在IE6浏览器不显示的方法介绍1、要求标签...
vscode网页显示_Vscode在浏览器中查看html页面的操作方法
weixin_40007016的博客
12-20 8777
Vscode是一款出自微软公司免费开源的前端编程IDE神器，可在您的桌面上运行，并且可用于Windows，macOS和Linux。下文为大家介绍Vscode在浏览器中查看html页面的操作方法，有需要的朋友来Win10镜像官网下载使用吧。操作方法如下1、首先打开程序，编写好一个html程序。2、然后点击左侧第五行的扩展，或者使用快捷键ctrl+shift+X打开扩展栏。3、在扩展栏的搜索栏中输入“...
VScode 打不开浏览器，更改默认浏览器
weixin_43505418的博客
05-12 6638
问题：用vscode运行程序的时候打开浏览器没反应，试了很多方法。 方法总结： 1、open in browser更换版本 方法：拓展里搜索open in browser安装。然后选择文件----->首选项---->设置；并在在搜索栏输入 open in browser 后，此时的页面显示为： 在输入框输入{"open-in-browser.default":"Chrome"}，没用！或改用 在输入框输入chrome，弹出找不到chrome！！！于是 在输入框输入具体chrome目标地址，依
vscode网页显示_vscode怎么打开浏览器
weixin_39858124的博客
12-20 3542
vscode怎么打开浏览器？vscode设置在浏览器中查看html页面首先打开程序，编写好一个html程序。然后点击左侧第五行的扩展，或者使用快捷键ctrl+shift+X打开扩展栏。在扩展栏的搜索栏中输入“open in browser”，然后就可以找到open in browser这款插件，插件右下角会显示安装字样。因为这里我已经安装了，所以没有显示安装。安装完成后，可以查看一下文档，里面有插...
vscode编写导航栏菜单的代码
06-09
在 VSCode 中编写导航栏菜单可以使用以下代码： ```html <nav> <ul> <li><a href="#">菜单项 1</a></li> <li><a href="#">菜单项 2</a></li> <li><a href="#">菜单项 3</a></li> <li><a href="#">菜单项 4</a></li> </ul> </nav> ``` 你可以将这段代码添加到你的 HTML 文件中的 `<body>` 标签内，然后根据需要修改菜单项的文本和链接。 如果你需要添加样式，你可以在 CSS 文件中使用以下代码： ```css nav { background-color: #333; overflow: hidden; } nav ul { list-style-type: none; margin: 0; padding: 0; } nav li { float: left; } nav li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } nav li a:hover { background-color: #111; } ``` 这段代码将导航栏的背景色设置为深灰色，菜单项设置为白色，当鼠标悬停在菜单项上时，背景色变为黑色。你可以根据需要修改这些样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 12
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值