Intelisense mit ES5

Ich habe für eine recht lange Zeit VSCode benutze und während es sehr gut ist, fehlt mir intelisense und Funktionen, die ES6-nur zu sein scheinen:Intelisense mit ES5

ich nicht + klick ctrl kann gehen zur Definition
ich eine Vorschau auf die Definition nicht

Hier ist, was ich verwende haben:

ES5
Angular JS

Alle meine Dateien werden in einem Verschluss eingewickelt, wie:

(function() { 
    angular.module('foo').factory('bar', ['dep1', function(dep1) { 
     dep1.stuff(); 
    }]); 
})();

Vor diesem Hintergrund ist es möglich, "goto Definition" und andere schöne VSCode Sachen zu arbeiten haben? Wenn das so ist, wie ?

Was kann ich tun, um einfach auf ctrl klicken + auf dep1 klicken und VSCode die Datei öffnen, wo dep1 definiert ist?

Quelle

2017-02-15 Nicolas RAMZ

Was ich empfehlen kann ist, dass Sie versuchen, John Papas Erweiterung für Visual Studio Code für Angular 1.x zu installieren. Es wird direkt über VSCode installiert. Sie können einige Beispiele dafür finden, wie es funktioniert here. Es wird Ihnen Code-Vervollständigung anbieten und es wird eine Menge von Aufgaben, die Sie häufig tun in Angular, wie die Erstellung von Dienstleistungen, Controller, Richtlinien ...

Btw John Papa ist der Autor des Angular Style guide automatisieren und seine Art der Kodierung könnte in der Welt der Winkelentwicklung als "Best-Practice" bezeichnet werden.

Quelle

2017-02-15 13:00:18

Danke: Ich werde es mir ansehen. Wird es Code-Vervollständigung für angular eingebaute Dateien sowie für die Dateien, die ich schreibe, anbieten? –

Was meinen Sie mit Angular eingebauten Dateien? Bitte upvote die Antwort, wenn Sie es nützlich finden. –

Ich meine: Ich denke, diese Erweiterung wird die Ergänzung auf eckige Objekte hinzufügen, wie: $ scope, eckig, etc ... was ist, wenn ich auch auf meinen eigenen eckigen Elementen automatisch vervollständigen möchte? (meine Controller, Dienste, ..) –

Der beste Weg, um intellisense für Javascript/Typescript zu erhalten, ist die Installation typings.

Ich finde, dass diese Erweiterung mit der Installation von Typisierungen gut ist: https://marketplace.visualstudio.com/items?itemName=benjaminromano.typings-installer

Sobald Sie, dass installiert haben, können Sie dann starten Sie es (F1 > Typings Installer: Typings > angular) und installieren Sie die dt~angular Typisierungen. Von dort sollten Sie anfangen, intellisense zu bekommen, zur Definition und möglicherweise zur Fehlerüberprüfung gehen.

Code sollte dann diese abholen (wenn nicht nur den Editor neu zu laden). Sie sollten dann anfangen, intellisense zu bekommen. Wenn Sie es mehr zwicken möchten, würde ich vorschlagen, in jsconfig.json Dateien zu suchen: https://code.visualstudio.com/docs/languages/jsconfig

Quelle

2017-02-16 16:03:15

Danke. Ich habe den Typisierungs-Installer installiert, bin mir aber nicht sicher, wie ich es benutzen soll. Nach der Eingabe von 'F1> Typings Installer: Typings' heißt es" typings name eingeben ". Ich tippe dann "dt ~ angular" und es sagt "keine Typings gefunden für 'dt ~ angular". –

Versuchen Sie es ohne den 'dt ~' Teil –

Sie können allgemeine Typisierungsinformationen abgerufen werden, indem synthetische Synthetische Standardimporte in Visual Studio Code aktiviert.

Damit können Sie Intellisense entweder aus TypeScript-Typdefinitionen oder durch Inferenztypinformationen aus dem JSDoc vieler gängiger Repositories abrufen.

Hier ist eine tutorial für, wie man Dinge einrichten.

Quelle

2017-03-02 18:46:24 AesaK247

Intelisense mit ES5

Antwort

Verwandte Themen