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

Question

我希望能够专门为bootstrap提供intellisense，但即使是我在项目中编写的css样式也是如此。我在project.json和bower.json中有引用，但它们似乎没有提供引用。

Answer 1

您可以安装HTML CSS Support Extension。通过在.vscode或project root文件夹中添加resource.json文件，您可以配置使用的样式表的路径。

ext install vscode-html-css

resource.json：

{
  "css": {
    "style": [
      "bower_components/bootstrap/dist/bootstrap.css"
    ]
  }
}

这将在您的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步：再次点击＆＃34;安装＆＃34;出现在VS代码中的按钮。

步骤5：重新启动软件后，点击下图中显示的左下角图标：

第6步：按＆＃34; ctrl + [space]＆＃34;在类引号内，您将从附加的样式表中获取完整的类名。

Answer 3

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

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

控制+'，'转到设置或点击文件 - ＆gt;偏好 - ＆gt;设置。

单击工作区设置选项卡，然后输入以下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 4

只需添加这两个包就完成了.. !!!

Answer 5

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

Answer 6

好的。

1 。打开Visual Studio代码。

2 。使用 CTRL + 进入“工作空间设置”

3 。在您的右侧窗口中，您将看到类似以下内容：

4 。换句话 粘贴该网址

{
	"folders": [
		{
			"path": "D:\\Visual Studio\\AndreyCourse\\the-complete-web-developer-in-2018\\DocumentObjectModel"
		}
	],
	"settings": {
		"css.remoteStyleSheets": [
			"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
		  ]
		
	}


}

5 。享受Bootstrap Intellisense：-）

Answer 7

只需在 VS Code 中安装此扩展即可。 IntelliSense for CSS class names in HTML