Comment VSCode introduit les composants Vue et les modules Js

Cet article explique avec vous comment VSCode peut introduire automatiquement les composants Vue et les modules Js. Les amis dans le besoin peuvent s'y référer.

Introduire automatiquement les composants Vue et les modules Js ordinaires

Ajouter jsconfig.json dans le répertoire racine.
Vous devez jsconfig.jsonredémarrer la fenêtre VSCode après chaque modification

{  "include": [    "./src/**/*"
  ],
}

Supports Webpack Le chemin de l'alias

est le même que ci-dessus et doit être mis à jour jsconfig.json

{  "compilerOptions": {    "baseUrl": ".",    "paths": {      "@/*": [        "./src/*"
      ]
    },
  },  "include": [    "./src/**/*",
  ],
}

est automatiquement introduit dans node_modules dans JS JS

1. En prenant lodahs comme exemple, installez lodash : npm install lodash

2. Ajouter jsconfig.json

   dans le répertoire racine

{  "compilerOptions": {    "checkJs": true,
  },  "include": [    "node_modules/lodash/*"
  ],
}

1. Après avoir entré le mot-clé, cliquez sur l'ampoule d'invite (touche de raccourci : Ctrl/Command + .) et sélectionnez le JS module

Remarque : checkJs Cela peut provoquer des erreurs de syntaxe dans certains projets. Si des erreurs sont signalées, vous pouvez utiliser la méthode suivante comme alternative.

Utilisez Npm Intellisense pour introduire automatiquement JS dans node_modules

1. Installez l'extension VSCode : Npm Intellisense

2. ConfigurationNpm Intellisense

{  "npm-intellisense.scanDevDependencies": true,  "npm-intellisense.importES6": true,  "npm-intellisense.importQuotes": "'",  "npm-intellisense.importLinebreak": ";\r\n",  "npm-intellisense.importDeclarationType": "const",
}

1. Commande de saisie VSCode (Ctrl/Command + Shift + P) : Après Npm Intellisense: Import module, sélectionnez importer Package

Autres

Après avoir introduit automatiquement les composants Vue et les modules JS, appuyez et maintenez Ctrl/Command et cliquez sur le chemin pour sauter directement dans ce fichier

Recommandations associées :

Introduction d'instances de méthode js externes dans vue

Exemple détaillé de configuration vscode vue-cli eslint

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!