Maison >interface Web >js tutoriel >Utilisez les fichiers d.ts pour les invites js

Utilisez les fichiers d.ts pour les invites js

php中世界最好的语言
php中世界最好的语言original
2018-04-17 13:32:572308parcourir

Cette fois, je vais vous apporter les précautions concernant l'utilisation des fichiers d.ts pour les invites js et l'utilisation des fichiers d.ts pour les invites js. Ce qui suit est un cas pratique, jetons un coup d'œil.

Saisie automatique (invite intelligente)

Étant donné que Microsoft a déjà lancé le langage TypeScript, il est assez amusant d'utiliser Visual Studio pour écrire du code TypeScript combiné avec des fichiers TSD, et la fonction d'invite intelligente est très intéressante.

Cette fonction doit bien sûr être héritée par vsc.

La saisie semi-automatique de VSC utilise des saisies.

Installer nodejs

Étant donné que vous devez utiliser npm dans node pour installer le fichier d.ts écrit par d'autres, vous devez d'abord installer nodejs. Je n'entrerai pas dans les étapes spécifiques. Accédez au site officiel de nodejs pour télécharger le programme correspondant, cliquez sur Suivant puis installez-le.

Ajouter le fichier de configuration du projet

Dans le répertoire racine du projet, créez un fichier jsconfig.json avec le contenu suivant :

{
 // 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"
 ]
}

La fonction de ce fichier de configuration est d'indiquer à VSCodeEditor que votre projet est un projet js.

Installer les fichiers d.ts pertinents écrits par d'autres

Par exemple, si je veux lancer jquery, utilisez cette commande :

npm install @types/jquery -save

Il convient de noter que la bibliothèque logicielle npm est bloquée, vous devez donc contourner le blocage ou utiliser la commande suivante pour l'installer.

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

La longue liste d'éléments à la fin indique qu'ils sont installés via le serveur construit par Taobao.

Ensuite, vous constatez qu'il existe un dossier node_modules/@types/jquery supplémentaire dans votre projet.

À ce stade, vous pouvez obtenir l’effet indiqué dans les rendus.

Utilisez le fichier d.ts écrit par vous-même

S'il s'agit d'un fichier d.ts écrit par nous-mêmes, placez simplement le d.ts dans le répertoire racine du projet ou dans n'importe quel répertoire.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Comment implémenter le tri par probabilité de poids des tableaux js

Lier 3 événements de clic de souris

Js+Canvas effectue la compression d'image

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn