jak dodać Intellisense do kodu Visual Studio dla bootstrap

Question

Chciałbym mieć intellisense dla bootstrap, ale nawet dla stylów CSS, które piszę w moim projekcie. Mam referencje w project.json i bower.json, ale wydaje się, że nie udostępniają referencji.

Answer 1

Niestety ta funkcja nie jest obecnie dostępna w kodzie VS. Został jednak dodany jako żądanie aktualizacji. Możesz śledzić numer on Github.

Answer 2

Można zainstalować HTML CSS Support Extension. Dodając plik resource.json do folderu .vscode lub project root, można skonfigurować ścieżki do używanych arkuszy stylów.

ext install vscode-html-css

resource.json:

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

Spowoduje to dodanie Intellisense w plikach HTML:

Answer 3

W najnowszej wersji Kodeksu vs IntelliSense w komentarzach i łańcuchy zostały domyślnie wyłączone. Poniżej znajdują się dwie opcje przywrócenia funkcji "24/7 IntelliSense" lub dostosowania jej do własnych upodobań.

Najpierw upewnij się, że masz zainstalowane rozszerzenie pomocy CSS HTML wspomniane powyżej przez dwonisch.

Control + "," aby przejść do ustawień lub kliknąć Plik -> Preferencje -> Ustawienia.

Kliknij zakładkę Ustawienia obszaru roboczego i wprowadź następujący kod JSON:

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

Inną opcją jest trafienie ctrl + przestrzeń wewnątrz CSS cytuje aby aktywować IntelliSense. Przykład:

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

Answer 4

Oto wspólne etapy (nie tylko Bootstrap) umożliwić css IntelliSense w kodzie vs.

Etap 1: przechodzi do https://marketplace.visualstudio.com/items?itemName=Zignd.html-css-class-completion

(Kroki instalacji już tam są)

Krok 2: Kliknij przycisk, który pojawi się na górze strony Install (zrzut ekranu poniżej)

Krok 3: Po kliknięciu, przeglądarka wyświetli okno pop-up, aby uzyskać dostęp Kodeks VS. Otwórz go za pomocą kodu VS.

Krok 4: Kliknij ponownie przycisk "zainstaluj", który pojawia się wewnątrz kodu VS.

Krok 5: Po ponownym uruchomieniu programu, kliknij lewą ikonę dolną pokazaną na poniższym obrazie:

Krok 6: Naciśnij "Ctrl + [spacja]" wewnątrz cudzysłowów klasy , otrzymasz pełne nazwy klas z załączonych arkuszy stylów.