Heim > Web-Frontend > js-Tutorial > Verwenden Sie d.ts-Dateien für js-Eingabeaufforderungen

Verwenden Sie d.ts-Dateien für js-Eingabeaufforderungen

php中世界最好的语言
Freigeben: 2018-04-17 13:32:57
Original
2306 Leute haben es durchsucht

Dieses Mal werde ich Ihnen die Vorsichtsmaßnahmen zur Verwendung von d.ts-Dateien für JS-Eingabeaufforderungen und zur Verwendung von d.ts-Dateien für JS-Eingabeaufforderungen vorstellen. Das Folgende ist ein praktischer Fall, schauen wir uns das an.

Automatische Vervollständigung (intelligente Eingabeaufforderung)

Da Microsoft die TypeScript-Sprache bereits eingeführt hat, macht es sehr viel Spaß, Visual Studio zum Schreiben von TypeScript-Code in Kombination mit TSD-Dateien zu verwenden, und die intelligente Eingabeaufforderungsfunktion ist sehr nützlich.

Diese Funktion sollte selbstverständlich von vsc geerbt werden.

Die automatische Vervollständigung von VSC verwendet Eingaben.

Nodejs installieren

Da Sie npm im Knoten verwenden müssen, um die von anderen geschriebene d.ts-Datei zu installieren, müssen Sie zuerst nodejs installieren. Ich werde nicht auf die spezifischen Schritte eingehen. Gehen Sie zur offiziellen Website von nodejs, um das entsprechende Programm herunterzuladen, klicken Sie auf Weiter und installieren Sie es.

Konfigurationsdatei des Projekts hinzufügen

Erstellen Sie im Stammverzeichnis des Projekts eine jsconfig.json-Datei mit folgendem Inhalt:

{
 // See https://go.microsoft.com/fwlink/?LinkId=759670
 // for the documentation about the jsconfig.json format
 "compilerOptions": {
 "target": "es5",
 "module": "commonjs",
 "allowSyntheticDefaultImports": true
 },
 "exclude": [
 "node_modules",
 "bower_components",
 "jspm_packages",
 "tmp",
 "temp"
 ]
}
Nach dem Login kopieren

Die Funktion dieser Konfigurationsdatei besteht darin, VSCodeEditor mitzuteilen, dass Ihr Projekt ein JS-Projekt ist.

Installieren Sie relevante d.ts-Dateien, die von anderen geschrieben wurden

Wenn ich beispielsweise jquery auffordern möchte, verwenden Sie diesen Befehl:

npm install @types/jquery -save
Nach dem Login kopieren

Es ist zu beachten, dass die npm-Softwarebibliothek blockiert ist. Sie müssen die Blockade also umgehen oder den folgenden Befehl verwenden, um sie zu installieren.

$ npm install @types/jquery -save --registry=https://registry.npm.taobao.org
Nach dem Login kopieren

Die lange Liste der Dinge am Ende weist darauf hin, dass sie über den von Taobao erstellten Server installiert werden.

Dann werden Sie feststellen, dass es in Ihrem Projekt einen zusätzlichen Ordner node_modules/@types/jquery gibt.

Zu diesem Zeitpunkt können Sie den in den Renderings gezeigten Effekt erzielen.

Verwenden Sie die von Ihnen selbst geschriebene d.ts-Datei

Wenn es sich um eine von uns selbst geschriebene d.ts-Datei handelt, legen Sie die d.ts einfach im Stammverzeichnis des Projekts oder in einem beliebigen Verzeichnis ab.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

So implementieren Sie die Gewichtswahrscheinlichkeitssortierung von JS-Arrays

Binden Sie 3 Mausklickereignisse

Js+Canvas ermöglicht die Bildkomprimierung

Das obige ist der detaillierte Inhalt vonVerwenden Sie d.ts-Dateien für js-Eingabeaufforderungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage