![\"yo-gif\"](\"https:\/\/msdnshared.blob.core.windows.net\/media\/MSDNBlogsFS\/prod.evol.blogs.msdn.com\/CommunityServer.Blogs.Components.WeblogFiles\/00\/00\/00\/63\/56\/metablogapi\/7356.yogif_3789A694.gif\" "\\"yo-gif\\"")
<\/a><\/p>\nBuilding complex modern web applications used to be difficult because of the lack of tooling to maintain and develop client-side code. Recent Open Source projects have made it easier to manage complex client-side code. Writing Coffeescript\/Typescript has made Javascript more manageable. Likewise, SASS\/LESS have alleviated many of the pain points of CSS.<\/p>\n
However, this has resulted in a more involved build process to prepare an application for deployment. In addition to compiling your Coffeescript and SASS, readying an application for deployment involves bundling and minification of CSS, minification and possibly inlining of Javascript among other tasks.<\/p>\n
Task runners like Grunt<\/a> and Gulp<\/a> can help perform most of the the mundane work for you after you’ve configured them, but configuring them is no trivial task. Take a look at a sample GruntFile<\/a><\/p>\n Additionally, package managers like Setting up all these tasks for every new project can be a daunting task. That’s where yeoman<\/a> comes in handy.<\/p>\n Introducing Gulp, Grunt, Bower, and npm support for Visual Studio<\/a> is a good read about task runner support in Visual Studio<\/p>\n<\/blockquote>\n Yeoman is a client-side stack of tools that help building web applications. The Yeoman workflow is comprised of three tools:<\/p>\n According to the yeoman homepage<\/a>, “Yeoman helps you kickstart new projects, prescribing best practices and tools to help you stay productive”.<\/p>\n \u00a0<\/p>\n As the Yeoman website succintly puts it, “yo scaffolds out a new application, writing your Grunt configuration and pulling in relevant Grunt tasks and Bower dependencies that you might need for your build.”<\/p>\n \u00a0<\/p>\n Yeoman runs as a command-line interface written in Node.js providing cross-platform support for Mac, Windows and Linux. A Yeoman generator for ASP.NET 5 emphasizes our continued effort to enable cross-platform development of ASP.NET.<\/p>\n \u00a0<\/p>\n Install Node.js <\/u><\/p>\n Since yeoman runs on Node.js, you can get started by installing the binaries from the Node.js website<\/a> or using a package manager ( Note: You might want to install In a terminal you can execute the following command.<\/p>\n \n if (if ! (which node > \/dev\/null); then echo “Node.js not found”; fi && if ! (which npm > \/dev\/null); then echo “npm not found”; fi) then echo “Looks like you have both Node.js and npm installed”; fi\n<\/p>\n \u00a0<\/p>\n In a PowerShell prompt you can execute the following command.<\/p>\n \n if(!(get-command node -ErrorAction SilentlyContinue)){‘node not found’ | Write-Error } if(!(get-command npm -ErrorAction SilentlyContinue)){‘node not found’ | Write-Error }\n<\/p>\n **Install Let’s use npm to install yo<\/strong> as well as the ASP.NET 5 generator<\/strong> using the following command<\/p>\n To get started with the Yeoman generator for ASP.NET, launch a Terminal (or powershell) window and type the following command<\/p>\n You should see a response similar to the following.<\/p>\n You can use the arrow keys to select a template type. In this article I will be creating a MVC Application<\/strong>.<\/p>\n Next, you will be prompted to name your application<\/p>\n I am going to use the default name On proceeding, the generator will create an empty application the following layout<\/p>\n \u00a0<\/p>\nnpm<\/code> and bower<\/code> help manage dependencies for increasingly complex client-side code.<\/p>\n\n
What’s yeoman?<\/h3>\n
\n
What’s yo?<\/h3>\n
Why do we care about yeoman?<\/h3>\n
How do I get started with Yeoman?<\/h3>\n
\n
brew<\/code>, apt-get<\/code>, yum<\/code>, etc).<\/p>\n\n
nodejs-legacy<\/code> on Debian systems to prevent conflicts with Amateur Packet Radio node<\/code> Program<\/p>\n<\/blockquote>\n<\/li>\n<\/ol>\nOSX \/ Linux<\/h4>\n
Windows<\/h4>\n
yo<\/code> **<\/u><\/p>\n\n
npm install -g yo generator-aspnet\n<\/code><\/pre>\n<\/li>\n<\/ol>\nHow do I scaffold a new ASP.NET 5 application?<\/h3>\n
$ yo aspnet<\/pre>\n
_-----_\n | | .--------------------------.\n |--(o)--| | Welcome to the |\n `---------\u00b4 | marvellous ASP.NET |\n ( _\u00b4U`_ ) | generator! |\n \/___A___\\ '--------------------------'\n | ~ | \n __'.___.'__ \n \u00b4 ` |\u00b0 \u00b4 Y ` \n\n? What type of application do you want to create? (Use arrow keys)\n\u276f Console Application \n Web Application \n MVC Application \n Nancy ASP.NET Application <\/pre>\n
[?] What's the name of your ASP.NET application? (MvcApplication1)<\/pre>\n
MvcApplication1<\/code>, but you are free to rename your application.<\/p>\n.\n\u251c\u2500\u2500 MvcApplication1\n\u2502 \u251c\u2500\u2500 Controllers\n\u2502 \u2502 \u2514\u2500\u2500 HomeController.cs\n\u2502 \u251c\u2500\u2500 Models\n\u2502 \u2502 \u2514\u2500\u2500 User.cs\n\u2502 \u251c\u2500\u2500 Startup.cs\n\u2502 \u251c\u2500\u2500 Views\n\u2502 \u2502 \u251c\u2500\u2500 Home\n\u2502 \u2502 \u2502 \u2514\u2500\u2500 Index.cshtml\n\u2502 \u2502 \u2514\u2500\u2500 Shared\n\u2502 \u2502 \u2514\u2500\u2500 _Layout.cshtml\n\u2502 \u2514\u2500\u2500 project.json\n\u2514\u2500\u2500 NuGet.config\n\n6 directories, 7 files<\/pre>\n
Note you may want to install ASP.NET 5 runtime<\/a> to get the command line tools.<\/pre>\n
How do I contribute to this project?<\/h3>\n