17寸显示器 2020-03-30 09:08 采纳率: 100%
浏览 1107
已采纳

VSCode LiveServer插件无法应用外部CSS?

最近在学HTML，按照例子写一个简单的网页，IDE用VSCode，插件使用Live Server和open in browser，浏览器Chrome 74.0.3729.108。

在头部link了一个外部css文件，在VSCode中使用Live Server，右键网页Open With Live Server，结果外部CSS样式表没有应用，如果用浏览器直接打开网页则可以正确应用显示，请问有遇到这个问题的吗？

图片说明
图片说明

图片说明
图片说明

  • 写回答

4条回答 默认 最新

  • 蔡能教授，网站特聘专家 2020-03-30 10:21
    关注

    https://q.cnblogs.com/q/106029/

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

  • 2021-11-15 入门前端VScode必装的常用插件, HTML+CSS常用属性速记.
    2021-11-15 18:14
    天凉的话就喝杯热牛奶吧的博客 一、VSCode常用 ( 前端还在学习, 待更新… ) //1. VScode常用快捷键 * 新建文件：ctrl + N * 切换自动换行：alt + Z * 复制当前行：ctrl + C；ctrl + V； * 执行在默认浏览器 ：alt + B; * 设置vscode文件折叠属性: ...
  • 前端开发推荐vscode安装什么插件？
    2023-05-15 10:10
    SiKi学院的博客 可以参考一下下面我推荐的插件，注意：插件的目的是用于提高开发的效率，节约开发的时间，像类似检查一些bug、拼写错误等这些可以使用插件快速的识别，避免在查找错误上浪费过多的时间，但切记不要过度依赖一些插件...
  • vscode 前端最佳插件配置
    2018-02-12 10:23
    ifredom_的博客 Vscode最佳配置
  • vscode前端环境(html+css+javascript)的配置
    2022-10-02 09:31
    ScottePerk的博客 现在最新版本发vscode已经不需要额外配置这三个语言本身了。已经默认支持很多功能。
  • [效率up]vscode前端插件分享
    2021-08-25 18:51
    豆子前端的博客 Part1前言分享一些我本人正在使用的vscode的前端相关的插件，不过平时我也会经常用webStorm，后面会再出一篇文来介绍我的webStorm安装的插件。Part2编码实用这部分的主要是一些通用的，在写代码时能提高效率的插件。...
  • VScode前端个人网页
    2023-03-17 14:39
    此外，VScode的插件如Prettier用于代码格式化，ESLint用于代码规范检查，Live Server则提供了本地实时预览的功能，这些都是前端开发中的常用工具。 5. **版本控制**：VScode支持集成Git，对于个人网页的开发，版本...
  • vscode 插件使用（前端力推）
    2020-04-25 18:47
    阿川阿川的博客 使用：1、选中要打印的东西（变量）2、按下快捷键：ctrl+alt+L shift+alt+u 取消注释 shift+alt+c 注释 shift+alt+d 删除所有console Live Server 一旦安装 Live Server 后，在 html 文件上右键单击，可看到选项 ...
  • vscode-html-css 使用指南
    2024-08-23 09:56
    解佳岭Farley的博客 vscode-html-cssVisual Studio Code Extension - CSS Intellisense for HTML项目地址:https://gitcode.com/gh_mirrors/vs/vscode-html-css 项目介绍 vscode-html-css 是一个专为 Visual Studio Code 打造的扩展插.....
  • vscode 2024 最新 插件，前端 MVP模式详解
    2024-04-07 21:45
    2401_84185074的博客 cssrem 实现px转rem （root font-size (unit: px), default: 16 这项最重要，这就是根字体大小，默认是16px，即1rem = 16px,可自定义）其实我们很难也不需要在面试过程中去完美地阐述出整套思想，这里也只是浅尝辄止...
  • 【vscode】vscode常用插件介绍
    2022-03-17 21:18
    h沐的博客 1、Angular Snippets（angular片段） ... 2、Auto Close Tag（自动闭合标签） ... 3、Auto Rename Tag（自动重命名标签...用于为匹配括号着色的可定制扩展，v2 使用与 VSCode 相同的括号解析引擎，大大提高了速度和准确性。
  • 没有解决我的问题, 去提问