【问题标题】:Bootstrap (HTML) class suggestions in VS Code [duplicate]VS Code中的引导(HTML)类建议[重复]
【发布时间】:2016-02-05 04:36:07
【问题描述】:

我正在尝试从 Visual Studion Pro 2013 过渡到 Visual Studio Code。似乎 Code 不像 VS 2013 那样理解 HTML 类建议。我是否缺少配置选项或其他内容?我在选项中搜索了引导程序,但一无所获。

<head>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" integrity="sha512-dTfge/zgoMYpP7QbHy4gWMEGsbsdZeCXz7irItjcC3sPUFtf0kuFbDz/ixG7ArTxmDjLXDmezHubeNikyKGVyQ=="
    crossorigin="anonymous">

    <!-- Optional theme -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" integrity="sha384-aUGj/X2zp5rLCbBxumKTCw2Z50WgIr1vs/PFN4praOTvYXWlVyh2UtNUU0KAUhAX"
    crossorigin="anonymous">

    <!-- Latest compiled and minified JavaScript -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" integrity="sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ=="
    crossorigin="anonymous"></script>
    <title>Bootstrap 101 Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
    <h1>Hello, world!</h1>
    <span class=""
</body>

</html>

【问题讨论】:

  • AFAIK HTML 插件需要对这个方向进行一些改进。
  • @Wosi 是的。我查看了code.visualstudio.com/docs/languages/html,没有什么可以说支持 CSS 类。我想我只是认为他们会。
  • 我认为 VS 支持热线无法提供帮助?那将是检查支持的第一个地方。
  • @Paulie_D VS Code 有帮助热线吗?文档(在我的其他评论中引用)没有说明如何配置。
  • 我猜是...没有联系链接?

标签: html css twitter-bootstrap-3 autocomplete visual-studio-code


【解决方案1】:

简而言之:
1.在vscode中安装HTML CSS Support Extension。即:ext install vscode-html-css
2.在你的.vscode或项目根文件夹中添加一个resource.json文件,你可以配置你使用的样式表的路径。
3.将以下代码添加到resource.json 文件中。

{
  "css": {
    "style": [

      "replace_with_path_to_your_css_bootstrap_file" //i.e bower_components/bootstrap/dist/bootstrap.css
    ]
  }
}

保存 &
完成了!!
致谢: dwonisch

【讨论】:

    猜你喜欢
    • 2021-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-17
    • 1970-01-01
    • 2021-04-07
    • 2021-12-05
    • 2021-09-19
    相关资源
    最近更新 更多