ASP NET Core | Visual Studio Code Setup

hello youtube welcome to curious me channel there's a Shabazz Han and in this video we will learn about dotnet core and Visual Studio code Visual Studio code is an IDE using which you can develop dotnet core applications very easily so let's just start so what is dotnet code well dartnet core is an open source cross-platform framework provided by Microsoft using which you can develop web applications as well as Windows native applications currently there is no support for Linux or iOS applications maybe we can expect them in future what are the advantages of dotnet core over traditional dotnet framework well off the head I can think of one or two advantages first one is now you can run applicate applications on Linux as well as Windows servers earlier this was not the case and you can from my personal experience I have seen this that dotnet cool applications run faster than dotnet framework applications this is my personal experience and you can also check out this video and the tight the title of the video is what is the future of dotnet it is by I am Tim quarry I have given the list or the link in the description you can use it so in order to build a dotnet core application we need to download dotnet core SDK so to download the donut core SDK you just go and search dotnet core SDK go to dotnet 3.1 SDK just download the version which you want so since I am weren't on Windows machine I'll download x86 you can download whatever you like download this it will begin it will take some time now once the installation is done you can simply open the file and begin the process of installation so then it will start installing I'll pause this video I will come back once this is done so now the installation is done let me just quickly close this open command or command prompt now at the location where I want to create my application so just navigate to the folder where you want to create and open the from there itself once you have installed you will have access to this command dotnet okay now you can check which version you are on by typing version so I'm currently the version which I installed duh and you can also get the list of commands that you can run using this help all right now it will download I mean it will show the list of commands that are available and the templates that you will get along with this specific coordinate course so what I did is so this new it allows us to create templates for the kind of application which you want right and help will give you the list of templates which is available ok now let's see what are the available templates that we have first is class library WPF application class library and all these things in unit unit it's a asp.net core empty so currently what we will do is we'll simply create a web application this one asp.net core web app will create this one sorry asp.net core web app Model View controller there's a list and you can experiment with this so I will just create this one now to create an application you just have to type dot net new and the name of the template that you want so this is the description which which is telling you what you are making and this is the short name which you use to create the actual project template so I will type MVC and the name that you want to give your application or your project file the name of your project file so I'll give my core application and I'll hit enter now you will see once once this entire process is done if I open my this directory core demo you can see that there is a folder which says my cover application if you double click on it you will see that you have all the files that you need to actually run our dotnet core application alright we'll leave this as it is and we'll simply go inside the directory which we just created my core application CD my core application it will you now you are inside your application which you want to run I'll run this command dotnet alright that's it now what dotnet run will do it will bootstrap the entire application and host it in localhost and we'll listen to a port and once this is done you'll see that the application is now listening to a local host port five zero zero one for SSL and five triple zero for HTTP well SSL is just an encrypted version of whatever you are sending so this is more secure you can use either of these ports to interact with with your application so let's open our browser let's open the localhost 5,000 right 5,000 is for HTTP so here you can see that you created so this is the template that you get out of the box and this is it and your application is up and running you can navigate you can do whatever you want so this is a basic tutorial of what is dotnet cool how it is better than not in a framework and how to quickly create a template and just host it now you can do experiment with the existing files and the existing structure alright now you can use any IDE you are sorry you can use any IDE you you want I personally favor Visual Studio because that is my go-to editor and I absolutely love that so let's download that and in on it I already have it so just type Visual Studio code and go here all right now download for Windows or download for whatever you want I have I have it already for Windows and once you have installed this you can either double click and open the application or you can type code dot and it will open visual studio code for you all right so just type in code dot and just wait a minute yeah now you can see sorry just let me close this so that was my existing application which I was working on I'll open the application from here go to file open folder now you have to go to the folder which you want oops I forgot okay cold mo inside it we have our application my core application just click on it select folder now you can see ok that's taking some time ok now you can see that all your controllers and models properties views everything is in order and you can now start creating your application one of the biggest advantage of dotnet core is let me just close this for a second now control C shutdown let me close this now one of the biggest advantage of this Visual Studio code is you get an integrated terminal you can click here a terminal new terminal this is one way to open a terminal you can also press control and tilled ok so once you are in this my core application you can do whatever you want this is basically your command prompt you can also change it to whatever you want like you can change it to PowerShell I have kid bash installed so it can also act like a git bash anyways I'll highlight this command from terminal itself so I'll just start here what you can do is you can run the same set of commands from here as well darnit run I'll run and since I am already in the folder this Run will bootstrap application inside the start my application run and it will start ok this is one of the biggest advantage you can immediately do all your code changes you can host your application from here so this is basics of Visual Studio now you visual studio obviously does not look like this I have a few modifications that I have done so let me show you what I use personally so basically this theme is called cobalt 2 let's let me just show you what are the extensions that I use angular language services for angular which we'll get to sooner for c-sharp for developing c-sharp code you must have this C sharp extinction this C sharp extension is a must so that you can start this Oh many server this home any server helps in compiling and taking care of all your codes you will get all the okay let me to show you to you what it gives you now for example I'm in this this page right now this gives you a very nice set of intelligence now I want to return something right so I can get a list of what I can return by simply going here can pressing ctrl + spacebar it will load all the valid responses okay you can return or JSON you can return so this intelligence feature is very nice is available via this extinction this teashop extinction and all the other things like this red squiggly basically this only sharp server is your c-sharp go to extinction all right now let's go see this COBOL to team this what this is what I am using darker extinction I'm using beautify beautify is to align your CSS and jaw your sass and less all these codes you can you know properly align those codes angular snippets using this you can just see you can see this example just writing a - and you just press ENTER and it will write the entire code for you so those are the snippets and the this material icon theme this is what I in I am in love with recently so let me just open this here you can see this colorful folders right this nice folder this red folder and this symbols C sharp C this a CS HTML symbol right so all these things are provided by this material icon theme so you can use this peacock so peacock is something when you are working with multiple Visual Studio code you can color your code a color your visual studio so let me open another one and I'll show you what I mean yeah so since both my visual studios they have the same color right how will you identify which one you are working on so what this peacock allows you it allows you to color right so oh you can open the command bar in Visual Studio using ctrl shift P alright here you can get the list of all the commands that is available on that all the settings that is available which you can run on for this specific Visual Studio code now I want to use peacock altai peacock alright change to a favorite color okay I'll press enter see what it does is it colors this specific version of my visual studio to this specific any specific suppose I want to go with red I'll do red and I will leave it so now what will happen this is red but this is not now I can easily identify right okay this is my front-end window this is my back-end window so this is one of the best features I think I have come across and deist lint so yeah it is something which lends our type script files so these are the extensions that I generally use and yeah that was a very very very quick like Visual Studio code you know walkthrough and if you want to start walking on or creating dotnet core application you can start right now with this yep that's it maybe next we do will explore on part net cause this folder structure and we'll see what each of these does and what are the controllers and how you can you know how you can do dependency injection and other stuff in dotnet core so yeah go on in and explore and do stuff thank you so much for tuning tuning into this video have a great day head

Channel: Shahbaaz Khan

Views: 57,716

Keywords: .NET Core, Visual Studio Code, VS Code, ASP NET Core, .net core 3.1, .net core, .net core beginners, beginners

Id: ezD7mOFpZQU

Length: 13min 39sec (819 seconds)

Published: Sat Jul 04 2020