I engage with a lot of our customers that work on Angular applications and I frequently get asked the following question: Should we use Visual Studio 2017 or VS Code for our next application? The short answer is doesn't matter because both provide similar capabilities for the most part. In this blog post I will show you how to setup both environments to allow you to be productive when building your next Angular application. Before I start let me debunk couple myths:.
![For For](/uploads/1/2/5/6/125621933/304198485.jpg)
Myth 1: Visual Studio 2017 doesn't support folder based projects which is essential for Angular applications that are built using the Angular-CLI. Thus, it is easier to work with VS Code when it comes to Angular projects. Reality: Visual Studio 2017 now supports folder based projects which makes the experience similar to that provided by VS Code. Myth 2: Visual Studio is a better choice for back-end piece whereas VS Code would be a better choice for the front-end piece. Reality: Both are equipped to handle both scenarios.
With the new Asp.Net CLI tools for example you can now easily build Asp.Net WebApi projects with VS Code as the tools are disconnected from the IDE. Myth3: Use VS Code only if you are working against git based repositories as VS Code doesn't support checking into repositories using TFVC as the version control. Reality: Both support Git and TFVC. In this post I will focus on debunking the first myth while addressing the other myths in future posts. In this example I will assume that you have already created an Angular application using the Angular-CLI. As you can see in the following figure, Visual Studio 2017 allows loading folder based projects.
As a matter of fact Visual Studio 2017 installation adds a context menu where it allows you to simply right click inside the folder and load it with Visual Studio 2017. Here is an Angular project loaded and being served from the terminal using the ng serve command. In this example I am using the Whack Whack terminal emulator extension for Visual studio which can be found. The same code loaded with VS Code provides a similar experience. Just like Visual Studio 2017, you can add a context menu ( you have to opt in during installation of VS Code) which allows you to right click inside the folder and load it with VS Code. Here is an Angular project being served from the built in terminal using the ng serve command. As you saw above, VS Code and Visual Studio 2017 are not meant to replace each another, but rather complement each other. Some people like the experience of a full fledged IDE like Visual Studio 2017 while others prefer the experience of a code editor like VS Code.
Regardless of which one you pick you will be productive while developing your next Angular application. Note that at the time of writing this post Visual Studio 2017 is only available on Windows and Mac while VS Code is available on Windows/Linux/Mac as its built using an electron shell. I think myth 2 is not really a myth.
VS 20XX works best for traditional.NET apps whereas UI projects work well with VSCode. I agree recent versions of VS 20XX gotten better with UI frameworks but I prefer VS Code lightweight editor for my UI projects especially if you are on a mac. Myth 3: Need better support for TFS integration for VSCode and VS for Mac as of October 2017 before mass migrates from traditional VS 20XX IDE. VS Code git support needs to improve to support all advanced scenarios also need good git/tfs explorer within the editor. Manish I agree that VS Code seems to be a better match for JavaScript frameworks in general.
As a matter of fact I find myself using it more often when it comes to my Angular projects. The point worth pointing out here though is that VS 2017 supports folder based projects which is great for projects like Angular where you don’t need a solution. Thank you for the great feedback regarding the TFS integration. I will make sure to relay your feedback to the product team. Have you checked GitLens extension for VS Code by any chance?
The Visual Studio Code team uses the Insiders version to test the latest features. If you forget what the key binding is use the Command Palette to help you out. Download the keyboard shortcut reference sheet for your platform (macOS,.
Its my go to extension for all my git projects. As a long time MSDN subscriber and.NET developer I am very used to Visual Studio. I’m looking into what IDE would be best for client side javascript development like Angular, React etc.
And try to find reasons for using “big boy” Visual studio but so far have found almost none. Is it just so that the free version is now BETTER than the commercial one?
Just now I looked at support for snippets, and for VS Code I could easilly find several high rated extentions with Angular 4 and 5 support, but for VS Pro all I could find is an outdated Angular 2 extention which the reviews claim does not even work anymore. What would you use for Angular/React development against a.NET based backend and why? I personally prefer VS Code when I am building Angular since I am spending most of time using the cli. So having a light editor like vs code is a huge advantage. I also love the extension ecosystem for JS under VS Code which is think is richer. Now regarding your second question the answer really depends on what you are doing. If you are building UWP or Xamarin then you are going to use Visual Studio for sure.
If I am building an Angular application I typically use VS Code as I find it to be a better experience. If I am building an Asp.Net core I could go with either although I still prefer Visual Studio especially when it comes to the diagnostics tools. So really at the end of the day they are not contending with each other but I look at it as complementing each other.