Visual StudioにIntellisenseを追加する方法ブートストラップのコード

Question

私はブートストラップのためのintellisenseを特に持っていますが、私のプロジェクトで書くCSSスタイルの場合でも。私はproject.jsonとbower.jsonで参照を持っていますが、参照を利用できるようにしていないようです。

Answer 1

残念ながら、この機能はVSコードでは現在ご利用いただけません。ただし、今後の更新プログラムの機能要求として追加されています。問題on Githubを追跡できます。

Answer 2

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ファイルでインテリセンスを追加します。コメント欄にVSのコードのIntelliSenseの最新バージョンで

Answer 3

と文字列はデフォルトで無効になっています。以下は、「24/7 IntelliSense」の機能を元に戻すか、好みに合わせてカスタマイズする2つのオプションです。

まず、上記のdwonischに記載されているHTML CSS Support Extensionがインストールされていることを確認してください。

設定+ '、'をクリックして設定に移動するか、[ファイル] - > [設定] - > [設定]をクリックします。

{ 
    "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 +スペースを打つことですインテリセンスを有効にするには引用：

クリックしてワークスペースの設定]タブとは、以下のJSONコードを入力してください。例：ここでは

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

Answer 4

は、（ブートストラップのためだけではなく）共通のステップである VSコードでのCSSのIntelliSenseを有効にする：

ステップ1：ゴーhttps://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

に（インストール手順は既にあります）

ステップ2：は、[インストール]をクリックし、ウェブサイトの上部に表示されるボタン（下のスクリーンショット）

ステップ3：クリックした後、ブラウザは、VSのコードにアクセスするためのポップアップウィンドウが表示されます。それをVSコードで開きます。

手順4： VSコード内に表示される「インストール」ボタンをもう一度クリックします。

ステップ5：ソフトウェアを再起動した後、下の画像に示す左下のアイコンをクリックしてください：

ステップ6：を押して、 "CTRL + [スペース]" クラス引用符内部を添付のスタイルシートから完全なクラス名を取得します。