How does vs2015 support javascript

Visual Studio 2015 is an integrated development environment released by Microsoft that supports development in multiple languages, including C#, VB.NET, C, etc. On this basis, it can also support the development of other languages, such as JavaScript, through plug-ins.

For JavaScript development, Visual Studio 2015 itself is not very powerful, but by downloading and installing some plug-ins, the development efficiency and experience can be greatly improved. Below we will introduce some commonly used plug-ins and how to use them for JavaScript development in Visual Studio 2015.

Plug-in recommendation

1. Web Essentials

Web Essentials is a very powerful web development plug-in that supports a variety of front-end technologies, including CSS and HTML , JavaScript, etc. For front-end developers, this plug-in is a must-have. Web Essentials includes many useful features, such as:

• Automatically merge and compress JavaScript and CSS files;
• Supports multiple front-end template engines;
• Automatically generate Responsive style of images;
• provides a large number of code snippets and predefined templates, etc.

2. JavaScript Editor Enhancements

JavaScript Editor Enhancements is a plug-in that provides a JavaScript editor specifically for Visual Studio 2015. It provides a large number of features to optimize JavaScript code editing and debugging, including:

• Intelligent code prompts, auto-completion, syntax highlighting and comments;
• Supports ES6 syntax;
• Quickly navigate to definitions, find references, etc.;
• You can debug JavaScript code directly in the editor;
• Provides functions such as code encryption, compression, and merging.

3. Node.js Tools for Visual Studio

If you are using Node.js for JavaScript development, then Node.js Tools for Visual Studio is a Very useful plugin. It allows you to develop and debug Node.js applications in Visual Studio 2015, including:

• supports Node.js debugger;
• provides a quick way to build Node Templates for .js applications;
• Supports local and remote deployment of Node.js applications;
• Can be integrated with other Visual Studio features, such as source code control and automated builds .

Use plug-ins for JavaScript development

After installing the above plug-ins, you can develop JavaScript in Visual Studio 2015. Below we will use Web Essentials as an example to demonstrate how to use plug-ins to develop and optimize JavaScript.

1. Automatically merge and compress JavaScript and CSS files

Open your web project, then right-click in the solution and select "Web Essentials"-> " Create JavaScript and CSS Bundle", as shown in the figure below:

This will automatically create a bundling.config file in your web project. Open the file and you can see the configuration information, as shown in the following code:

{

"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 this file, you can define the JavaScript to be merged and compressed and CSS files, which are then automatically merged and compressed every time the project is built. This can greatly reduce the number of files in the project and improve the page loading speed.

2. Automatically generate responsive image styles

In Web Essentials, another very useful feature is to automatically generate responsive image styles. You can right-click any image and select "Create Responsive Images", as shown below:

In this way, Web Essentials will automatically generate a responsive style sheet that contains images of various sizes.

3. Code snippets and predefined templates

Web Essentials also provides a large number of code snippets and predefined templates to help you quickly create complex JavaScript code. You can view and use these code snippets and templates through "Tools" -> "Code Snippet Manager".

Summary

In this article, we introduced how to develop JavaScript in Visual Studio 2015, including plug-in recommendations and usage. By using these plug-ins, you will be able to develop JavaScript more efficiently and improve development efficiency and code quality.

The above is the detailed content of How does vs2015 support javascript. For more information, please follow other related articles on the PHP Chinese website!