如何将Intellisense添加到Visual Studio代码以进行引导

Question

我想特别为bootstrap提供intellisense,但即使是我在项目中编写的css样式也是如此.我在project.json和bower.json中有引用,但它们似乎没有提供引用.

Answer 1

您可以安装HTML CSS Support Extension.通过添加resource.json文件里面你ext install vscode-html-css或settings.json文件夹,您可以配置路径,您使用样式表.

ext install vscode-html-css

resource.json:

"css.remoteStyleSheets": [
  "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
][enter image description here][2]

这将在您的HTML文件中添加Intellisense:

Answer 2

以下是在VS代码中启用css IntelliSense的常见步骤(不仅仅是Bootstrap):

第1步:转到https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

或https://marketplace.visualstudio.com/items?itemName=gencer.html-slim-scss-css-class-completion

(安装步骤已经存在)

第2步:点击网站顶部显示的"安装"按钮(下面的屏幕截图)

第3步:点击后,浏览器将显示一个弹出窗口以访问VS Code.用VS Code打开它.

步骤4:再次单击VS代码中显示的"安装"按钮.

步骤5:重新启动软件后,单击下图中显示的左下角图标:

步骤6:在类引号内按"ctrl + [space]",您将从附加的样式表中获取完整的类名.

Answer 3

只需添加这 2 个包即可完成..！！！

Answer 4

在最新版本的VS Code中,默认情况下已禁用注释和字符串中的IntelliSense.以下是两种选项,可以恢复"24/7智能感知"功能或根据自己的喜好进行自定义.

首先确保已安装上面dwonisch提到的HTML CSS Support Extension.

按+','转到设置或单击文件 - >首选项 - >设置.

单击工作区设置选项卡,然后输入以下JSON代码:

{
    "editor.quickSuggestions": {
        "comments": false, // <- no 24x7 IntelliSense in comments
        "strings": true, // but in strings and the other parts of source files
        "other": true
    }
}

另一个选项是在CSS引号内点击ctrl + space来激活intelliSense.例:

<div class="(ctrl+space)"> </div>

Answer 5

只需在 VS Code 中安装此扩展即可。 HTML 中 CSS 类名称的 IntelliSense

Answer 6

不幸的是，该功能目前在 VS Code 中不可用。但是，它已作为即将发布的更新的功能请求添加。您可以在 Github 上跟踪该问题。