Visual Studio Code设置在浏览器中查看html页面后显示空白?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Visual Studio Code设置在浏览器中查看html页面后显示空白?相关的知识,希望对你有一定的参考价值。

下载了view in browser 或者open in browser,但是打开浏览器还是空白,为什么呢?

参考技术A 网页上按f12,看控制台是否报错 参考技术B 你没有保存文件,ctrl+s

在 Visual Studio Code 中动态更改行号设置

【中文标题】在 Visual Studio Code 中动态更改行号设置【英文标题】:Dynamically change line-numbering settings in Visual Studio Code 【发布时间】:2017-09-21 16:19:10 【问题描述】:

我知道我可以通过将行 "editor.lineNumbers": "relative", 添加到 settings.json 文件中来将 Visual Studio Code 中的行号更改为相对,但我正在寻找一种将其绑定到键绑定的方法,以便我可以切换在绝对 (on) 和相对 (relative) 之间。我弄乱了键绑定,但找不到可以临时更改设置的命令。

我希望能够有一个键在两者之间切换,但如果必须有一个键将其转换为绝对值,而另一个键将其转换为相对值,那就没问题了。

【问题讨论】:

【参考方案1】:

使用扩展名Settings Cycler,您可以通过在keybindings.json 文件中插入以下条目,使用键盘快捷键在onrelative 之间切换:


    "key": "ctrl+l",
    "command": "settings.cycle",
    "when": "editorTextFocus",
    "args": 
        "id": "relativeLineNumbers",
        "values": [
            
                "editor.lineNumbers": "on"
            ,
            
                "editor.lineNumbers": "relative"
            
        ]
    

【讨论】:

以上是关于Visual Studio Code设置在浏览器中查看html页面后显示空白?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Visual Studio Code 中重置设置?

如何使用 Visual Studio Code 在浏览器中查看 HTML 文件

在 Visual Studio Code 中动态更改行号设置

Visual Studio Code 添加设置代码段(snippet)

如何在 Visual Studio Code 中自动设置语法突出显示的语言

请问Visual Studio Code(不是Visual Studio)怎么设置文件关联。