Comment améliorer la fonction d'invite de code js dans vscode

Cet article vous présente principalement les informations pertinentes sur la façon d'améliorer la fonction d'invite de code js dans vscode. L'article le présente en détail à travers l'exemple de code, qui a une certaine valeur de référence et d'apprentissage pour tous les amis qui en ont besoin. suivez l'éditeur ci-dessous. Levez-vous et étudiez.

Utilisez des types pour améliorer la fonction d'invite de code javascriptdans vscode

l'éditeur vscode de Microsoft est le meilleur choix pour développer des projets dactylographiés, et il est également développé à l'aide de dactylographié.

Les étudiants qui ont utilisé ts connaissent tous le fichier de déclaration de type *.d.ts. Ses outils de gestion, du tsd initial aux typages ultérieurs, en passant par les @types actuels, le fichier de déclaration de type est. Les invites intelligentes et la vérification de type de ts fournissent un support solide.

Nous pouvons également utiliser des fichiers de déclaration de type pour améliorer les invites intelligentes lors de la modification de JavaScript dans vscode.

Installez le fichier de types

Maintenant, nous pouvons directement utiliser npm pour installer le fichier de types requis sans compter sur frappes.

Par exemple, si nous voulons installer le fichier de type sequelize, nous pouvons l'utiliser directement :

npm install @types/sequelize --save-dev

Une fois l'installation terminée, nous l'avons trouvé dans le node_modules Il existe un répertoire @types, qui contient tous les fichiers de déclaration de type installés.

Si certains packages npm tiers ne fournissent pas officiellement de fichiers de déclaration de type, des erreurs d'installation peuvent survenir et les packages correspondants sont introuvables. Pour le moment, vous ne pouvez pas utiliser sa fonction d'invite pour améliorer le code js.

Si vous savez comment écrire des fichiers *.d.ts en utilisant ts, vous pouvez également en écrire un vous-même.

Configurer le fichier jsconfig.json

Pour une description détaillée du fichier jsconfig.json, veuillez vous référer ici.

Ajouter le fichier jsconfig.json :

"include": [
 "model/**",
 "service/**"
],
"typeAcquisition": {
 "include": [
  "sequelize"
 ]
}

Le paramètre typeAcquisition est obligatoire, indiquant que la fonction de reconnaissance de type est activée, et l'inclusion logo à l'intérieur Quel package activer.

L'inclusion ci-dessus n'est pas nécessaire, elle est simplement utilisée pour identifier les fichiers affectés par le fichier jsconfig.json.

Une fois allumé, comme indiqué sur l'image :

Qu'est-ce que le L'exemple dans l'image ci-dessus suggère les méthodes d'instance et les

attributs de la classe Model dans le package sequelize.

vscode donne également un certain résumé des icônes IntelliSense :

Activer vérification sémantique dans les fichiers js

Si vous souhaitez activer la vérification de type dans js, vous pouvez ajouter // @ts-check

commentaires en haut du fichier .

// @ts-check
let easy = 'abc'
easy = 123 // Error: Type '123' is not assignable to type 'string'

Ou configurez-le dans jsconfig.json :

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!