VS Code IntelliSense (HTML+JS) instalacja IntelliSense dla JavaScript w projekcie HTML

VS Code IntelliSense (HTML+JS) instalacja IntelliSense dla JavaScript w projekcie HTML
Tymon Oziemblewski
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 1
0

Załóżmy, że robię prostą stronę html+js, a w niej używam pary skryptów:

Kopiuj
<head>
    <script src="plotly.min.js"></script> <!-- Przykładowa biblioteka -->
    <script src="mój.skrypt.js"></script>
</head>

Jak zrobić, żeby podczas edycji mojego skryptu w Visual Studio Code mieć podpowiedzi IntelliSense do kodu zawartego w bibliotece?

złoty
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 109
1

Większość znanych bibliotek JS posiada wygenerowane/napisane pliki definicji typów (*.d.ts). Pliki te analizowane są przez VS Code i w oparciu o nie wyświetlane są podpowiedzi w kodzie.

Możesz spróbować następujące metody aby zobaczyć podpowiedzi:

  1. Umieść wszystkie biblioteki i skrypty w katalogu projektu (tak aby Code "widział" wszystkie potrzebne pliki)
  2. Na stronie https://microsoft.github.io/TypeSearch/ znajdziesz pliki .d.ts dla popularnych bibliotek, wystarczy dodać paczkę node'a z definicjami typów do swojego projektu, a Code automatycznie zacznie podpowiadać w oparciu o nią.
  3. dodaj dyrektywę /// <reference path="ścieżka-do-biblioteki-albo-definicji-typów" /> na samej górze pliku

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.