Comment vs2015 prend-il en charge Javascript

Visual Studio 2015 est un environnement de développement intégré publié par Microsoft qui prend en charge le développement dans plusieurs langages, notamment C#, VB.NET, C++, etc. Sur cette base, il peut également prendre en charge le développement d’autres langages, comme JavaScript, via des plug-ins.

Pour le développement JavaScript, Visual Studio 2015 lui-même n'est pas très puissant, mais en téléchargeant et en installant certains plug-ins, l'efficacité et l'expérience de développement peuvent être grandement améliorées. Ci-dessous, nous présenterons quelques plug-ins couramment utilisés et comment les utiliser pour le développement JavaScript dans Visual Studio 2015.

recommandation de plugin

1. Web Essentials

Web Essentials est un plug-in de développement Web très puissant qui prend en charge plusieurs Une variété de technologies frontales, notamment CSS, HTML, JavaScript, etc. Pour les développeurs front-end, ce plug-in est un incontournable. Web Essentials comprend de nombreuses fonctionnalités utiles, telles que :

• Fusionner et compresser automatiquement les fichiers JavaScript et CSS
• Prend en charge plusieurs moteurs de modèles front-end #🎜🎜 ; #
Génère automatiquement des styles réactifs pour les images ;
• fournit un grand nombre d'extraits de code et de modèles prédéfinis, etc.

JavaScript Editor Enhancements

JavaScript Editor Enhancements est un plug-in qui fournit un éditeur JavaScript spécifiquement pour Visual Studio 2015. Il fournit un grand nombre de fonctionnalités pour optimiser l'édition et le débogage du code JavaScript, notamment :

Des conseils de code intelligents, la saisie semi-automatique, la coloration syntaxique et les commentaires
• #🎜🎜 # ; Prise en charge de la syntaxe ES6 ;
• Accédez rapidement aux définitions, recherchez des références, etc.
• Vous pouvez déboguer le code JavaScript directement dans l'éditeur
• fourni ; Fonctionnalités telles que le cryptage, la compression et la fusion de code.

Node.js Tools for Visual Studio Tools for Visual Studio est un plug-in très utile. Il vous permet de développer et de déboguer des applications Node.js dans Visual Studio 2015, notamment :

3. Débogueur prenant en charge Node.js

Fournit des modèles pour une création rapide ; Les applications Node.js ;

prennent en charge le déploiement d'applications Node.js localement et à distance
• peuvent être combinées avec d'autres fonctions des intégrations de Visual Studio telles que le contrôle du code source et l'automatisation ; construit.
• Utiliser des plug-ins pour le développement JavaScript
• Après avoir installé les plug-ins ci-dessus, vous pouvez développer JavaScript dans Visual Studio 2015. Ci-dessous, nous utiliserons Web Essentials comme exemple pour montrer comment utiliser des plug-ins pour développer et optimiser JavaScript.

Fusionner et compresser automatiquement les fichiers JavaScript et CSS

Ouvrez votre projet web, puis faites un clic droit dans la solution et sélectionnez "Web Essentials" -> "Créer un bundle JavaScript et CSS", comme indiqué ci-dessous :

1. Cela créera automatiquement un fichier bundling.config dans votre projet Web. Ouvrez le fichier et vous pourrez voir les informations de configuration, comme indiqué dans le code suivant :

{

"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" }
        ]
    }
}

}

Dans ce fichier, vous peut définir des fichiers JavaScript et CSS à fusionner et à compresser, puis ces fichiers seront automatiquement fusionnés et compressés à chaque fois que vous construisez le projet. Cela peut réduire considérablement le nombre de fichiers dans le projet et améliorer la vitesse de chargement de la page.

Générer automatiquement des styles réactifs pour les images

Dans Web Essentials, il existe également une fonctionnalité très utile qui génère automatiquement un style d'images réactifs. Vous pouvez cliquer avec le bouton droit sur n'importe quelle image et sélectionner « Créer des images réactives », comme indiqué ci-dessous :

2. De cette façon, Web Essentials générera automatiquement une feuille de style réactive contenant des images de différentes tailles.

Extraits de code et modèles prédéfinis

Web Essentials fournit également un grand nombre d'extraits de code et de modèles prédéfinis pour vous aider à créer rapidement du code JavaScript complexe. . Vous pouvez afficher et utiliser ces extraits de code et modèles via "Outils" -> "Code Snippet Manager".

3. Summary

Dans cet article, nous présentons comment développer JavaScript dans Visual Studio 2015, y compris les recommandations et l'utilisation des plug-ins. En utilisant ces plug-ins, vous pourrez développer JavaScript plus efficacement et améliorer l'efficacité du développement et la qualité du code.

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!