Recently, Microsoft released a white paper on some of the js/front-end Web development tools (such as libraries, task actuators, frameworks, and so on) that can be used with visual Studio 2015 and ASP.
As the ecosystem of front-end development is growing rapidly, it becomes more and more complex and large. So, Microsoft has specifically published a white paper to explain some of the front-end tools libraries that can be integrated into vs 2015 for ASP. NET 5 development. These front-end tool libraries are well supported by VS2015, such as providing built-in features such as smart hints.
Each of the tool libraries involved gives introductory introductions, basic concepts, and usage in VS and ASP. This white paper is a very rare front-end development starter manual.
The tool libraries specifically involved are:
- The popular JS task executor: Grunt and gulp. Both can automatically compress the script, compile the typescript, analyze the quality of the code, preprocess the CSS, and so on. The difference between the two is that grunt appeared earlier, used relatively extensively, while Gulp appeared later, but relatively lightweight performance was better. VS2015 uses grunt by default, and of course gulp can be easily used.
- Package Manager: NPM and Bower. Although both are package managers, NPM is more of a package that installs the development environment, Bower is the front-end package that installs the running environment. So the white paper highlights the bower. At the same time VS2015 also directly through the bower to load front-end library. Also, for node. JS, Microsoft recently released node. JS Tools for Visual Studio, which makes it easy to develop node. js applications in vs.
- Adaptive Web framework: Bootstrap. The famous bootstrap I think I don't have to introduce too much. Prior to using bootstrap can only be installed through NuGet, you can now also use Bower, NPM to install.
- Landscaping apps: Less, sass, and Font Awesome. The less and sass are CSS preprocessing tools libraries. The font awesome provides a large number of vector icons that can be used free of charge.
- Enterprise-class JavaScript development: TypeScript. This white paper provides a very good getting Started wizard for TS. At the same time, some popular JS libraries (such as jquery, Angularjs, Boostrap, D3, Requirejs, Knockoutjs, node. js) are provided with TS-defined interface files. I also talked about Typescript may "stand out"-see the article "The Rise of Typescript".
- MVVM function Library: Knockoutjs. A very good front-end Function library that supports Model-view-viewmodel mode. Of course knockout is not a complete spa (single page application) library, need to be equipped with Durandal and Requirejs to better develop large JS applications.
- MVC function Library: Backbone. As the name implies, a library of functions that allows you to implement front-end development in an MVC pattern. However, you can use only a subset of these features to facilitate migration and getting started.
- Spa Framework: AngularJS. It not only introduces the introduction of 1.x and the use of key components. The angular 2.0 is also briefly introduced.
- Reusable UI Component framework: Reactjs. Reactjs is primarily used to build reusable UI components, and can be combined with an MVC or MVVM framework to develop a more convenient view section.
By reading the content of this white paper, you can basically learn how to use these Popular Front-end tool libraries in VS2015. In my opinion, VS2015 is definitely the preferred front-end development IDE for. NET programmers (that is, the backend uses ASP.)
Download White paper: http://www.microsoft.com/en-us/download/details.aspx?id=46417
Front-end development toolset available in Visual Studio 2015 and ASP. NET 5
