Wie unterstützt vs2015 Javascript?

Visual Studio 2015 ist eine von Microsoft veröffentlichte integrierte Entwicklungsumgebung, die die Entwicklung in mehreren Sprachen unterstützt, einschließlich C#, VB.NET, C++ usw. Auf dieser Basis kann es durch Plug-Ins auch die Entwicklung anderer Sprachen wie JavaScript unterstützen.

Für die JavaScript-Entwicklung ist Visual Studio 2015 selbst nicht sehr leistungsstark, aber durch das Herunterladen und Installieren einiger Plug-Ins können die Entwicklungseffizienz und das Entwicklungserlebnis erheblich verbessert werden. Im Folgenden stellen wir einige häufig verwendete Plug-Ins und deren Verwendung für die JavaScript-Entwicklung in Visual Studio 2015 vor.

Plug-in-Empfehlung

1. Web Essentials

Web Essentials ist ein sehr leistungsstarkes Webentwicklungs-Plug-in, das eine Vielzahl von Front-End-Technologien unterstützt, darunter CSS, HTML, JavaScript usw. Für Frontend-Entwickler ist dieses Plug-in ein Muss. Web Essentials enthält viele nützliche Funktionen, wie zum Beispiel:

• Automatisches Zusammenführen und Komprimieren von JavaScript- und CSS-Dateien;
• Unterstützt mehrere Front-End-Vorlagen-Engines;
• Bietet eine große Anzahl von Codeausschnitten und vordefinierte Vorlagen usw.

JavaScript Editor Enhancements

2. JavaScript Editor Enhancements ist ein Plug-in, das einen JavaScript-Editor speziell für Visual Studio 2015 bereitstellt. Es bietet zahlreiche Funktionen zur Optimierung der Bearbeitung und Fehlerbehebung von JavaScript-Code, darunter:

Intelligente Codehinweise, automatische Vervollständigung, Syntaxhervorhebung und Kommentare;

• Schnelle Navigation zu Definitionen, Suche nach Referenzen usw. ;
• Sie können JavaScript-Code direkt im Editor debuggen;
• Bietet Funktionen wie Codeverschlüsselung, Komprimierung und Zusammenführung.
• Node.js Tools für Visual Studio

Wenn Sie Node.js für die JavaScript-Entwicklung verwenden, dann ist Node.js Tools für Visual Studio ein sehr nützliches Plug-in. Es ermöglicht Ihnen, Node.js-Anwendungen in Visual Studio 2015 zu entwickeln und zu debuggen, einschließlich:

Unterstützung des Node.js-Debuggers;

Bereitstellung von Vorlagen für die schnelle Erstellung von Node.js-Anwendungen;

• Unterstützung der lokalen und Remote-Bereitstellung von Node.js-Anwendungen ;
• kann in andere Visual Studio-Funktionen integriert werden, wie z. B. Quellcodeverwaltung und automatisierte Builds.
• Verwenden Sie Plugins für die JavaScript-Entwicklung
• Nach der Installation der oben genannten Plugins können Sie JavaScript in Visual Studio 2015 entwickeln. Im Folgenden zeigen wir am Beispiel von Web Essentials, wie man mithilfe von Plug-Ins JavaScript entwickelt und optimiert.

JavaScript- und CSS-Dateien automatisch zusammenführen und komprimieren

Öffnen Sie Ihr Webprojekt, klicken Sie dann mit der rechten Maustaste in die Lösung und wählen Sie „Web Essentials“ -> „JavaScript- und CSS-Bundle erstellen“, wie unten gezeigt:
1. Dies erstellt automatisch eine bundling.config-Datei in Ihrem Webprojekt. Öffnen Sie die Datei und Sie können die Konfigurationsinformationen sehen, wie im folgenden Code gezeigt:

{

"js": {
    "common": {
        "version": "1.0.0",
        "minify": true,
        "combine": [
            { "file": "jquery-1.11.2.js" },
            { "file": "bootstrap.js" }
        ]
    }
},
"css": {
    "common": {
        "version": "1.0.0",
        "minify": true,
        "combine": [
            { "file": "bootstrap.css" },
            { "file": "site.css" }
        ]
    }
}

}

In dieser Datei können Sie die JavaScript- und CSS-Dateien definieren, die zusammengeführt und komprimiert werden sollen, und zwar jedes Mal, wenn Sie Erstellen Sie das Projekt. Diese Dateien werden automatisch zusammengeführt und komprimiert. Dadurch kann die Anzahl der Dateien im Projekt erheblich reduziert und die Ladegeschwindigkeit der Seite verbessert werden.

Responsive Bildstile automatisch generieren

In Web Essentials gibt es eine weitere sehr nützliche Funktion, die automatisch responsive Bildstile generiert. Sie können mit der rechten Maustaste auf ein beliebiges Bild klicken und „Responsive Bilder erstellen“ auswählen, wie in der Abbildung unten gezeigt:
2. Auf diese Weise generiert Web Essentials automatisch ein responsives Stylesheet, das Bilder in verschiedenen Größen enthält.

Codeausschnitte und vordefinierte Vorlagen

Web Essentials bietet außerdem eine große Anzahl von Codeausschnitten und vordefinierten Vorlagen, mit denen Sie schnell komplexen JavaScript-Code erstellen können. Sie können diese Code-Snippets und Vorlagen über „Extras“ -> „Code-Snippet-Manager“ anzeigen und verwenden.
3. Zusammenfassung

In diesem Artikel haben wir die Entwicklung von JavaScript in Visual Studio 2015 vorgestellt, einschließlich Plug-In-Empfehlungen und Verwendung. Durch die Verwendung dieser Plug-ins können Sie JavaScript effizienter entwickeln und die Entwicklungseffizienz und Codequalität verbessern.

Das obige ist der detaillierte Inhalt vonWie unterstützt vs2015 Javascript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!