Wie VSCode Vue-Komponenten und Js-Module einführt

In diesem Artikel erfahren Sie, wie VSCode Vue-Komponenten automatisch einführen kann und wie Freunde in Not darauf verweisen können.

Fügen Sie automatisch Vue-Komponenten und gewöhnliche Js-Module ein.

Fügen Sie jsconfig.json im Stammverzeichnis hinzu.
Sie müssen jsconfig.jsondas VSCode-Fenster nach jeder Änderung neu starten

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

Unterstützt Webpack-Alias Pfad

Dasselbe wie oben, muss aktualisiert werdenjsconfig.json

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

JS automatisch in node_modules in JS einführen

1. Nehmen Sie lodahs als Beispiel und installieren Sie lodash: npm install lodash

2. Hinzufügen jsconfig.json

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

1. Klicken Sie nach Eingabe des Schlüsselworts auf die Eingabeaufforderungsglühbirne (Tastenkombination:

   ) und wählen Sie das JS-Modul Ctrl/Command + .

Hinweis:

Es kann in einigen Projekten zu Syntaxfehlern kommen. Wenn Fehler gemeldet werden, können Sie alternativ die folgende Methode verwenden.

checkJs

Verwenden Sie

, um JS automatisch in node_modules einzuführen

Npm Intellisense

VSCode-Erweiterung installieren:

1. Npm Intellisense

Konfigurieren

2. Npm Intellisense

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

VSCode-Eingabebefehl (
1. ):

   Danach wählen Sie das importierte aus PaketCtrl/Command + Shift + PNpm Intellisense: Import module

Andere

Nachdem die Vue-Komponenten und JS-Module automatisch eingeführt wurden, halten Sie

gedrückt und klicken Sie auf den Pfad, um zu springen direkt zur Datei

Ctrl/Command

Verwandte Empfehlungen:

Einführung externer JS-Methodeninstanzen in Vue

Detaillierte Beispiele vue-cli vscode configure eslint

Das obige ist der detaillierte Inhalt vonWie VSCode Vue-Komponenten und Js-Module einführt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!