I searched in the Documentation for Visual Studio Code. I have investigated this question extensively and found no clear answer.
I like to develop for VS-Code and with VS-Code.
A sneak look into the source of Visual Studio Code on GitHub looks like VS-Code uses mainly Bootstrap as UI Framework?
I only want to know if my guess is correct. Or if VS-Code utilize also other UI Framework(s) ?
Related
Background: We currently have a raw HTML + TypeScript-based web app project in Visual Studio 2015. This environment works great: editing in the VS IDE, debugging with breakpoints in VS (when IE is used as the browser), IntelliSense for TypeScript and HTML, server launched upon running...
Now we decided to start using React for the views, and I'm looking for some information on how to set up the VS project environment. I'd like to be able to just open a project, press the Run button and have the app being built (I'll also be using .tsx files) and then started in a browser, with VS debugging capabilities (just like what I've set up now without React).
Question: Does anyone know of example VS 2015 projects combining TypeScript and React (so most probably using .tsx files) that I could open and run out-of-the box, just to learn how things can be set up in VS? No problem if it's just a very simple project.
Any advice/pointers to working examples welcome!
Here is one that I created pretty quickly, but it should have everything that you need to get going. It uses the following:
ASP.NET 5
React
React Router (this is a single page app)
Gulp
Typescript
Webpack
Let me know if you have any questions about it.
https://github.com/jtaubensee/react-typescript-asp
After some more testing and trying, I got a basic example working.
It's using the currently latest stable version of React (0.14.6, so where react and react-dom are split off), the AMD module loading system (using require.js), and VisualStudio 2015 CE. I started from the "HTML Application with TypeScript" project template in Visual Studio.
Repository on GitHub: https://bitbucket.org/KoenT_IM/typescriptreacttests
I thought this might help other people. Not sure if I should accept my own answer though...
I would like to know if any of you guys know a way to enable the following feature on Visual Studio (either a hidden setting or an extension):
I'm used to javascript development on Visual Studio where if I type:
"if" on the text editor, it shows me a popup ("code snippet for an if statement"). Pressing ENTER the following is added:
if (true) {
}
This is not available for typescript files!
These snippets are really useful and this is just a simple example
Another basic feature I'm missing is "braces auto completion".
I am not sure if there is a way to enable it or not, but really would like these basic features available.
This also applies for the newly released Visual Studio 2015. On the other hand, Visual Studio Code seems to handle it very well.
There is an issue on Github about being able to use Javascript snippets in Typescript files, and to make the Snippet Code Manager being able to recognize Typescript as a Language.
https://github.com/Microsoft/TypeScript/issues/312
I am using a separate javascript file to put my React JS JSX in. When I use the example given by the documents, I get tons of Visual Studio warnings and ugly squiggly lines..
I cannot figure out a way around this.. Pretty much a deal breaker for React JS.
Visual Studio 2012 was released before ReactJs, so you can't really blame them for not supporting it.
There is some visual studio stuff here:
http://reactjs.net/
You can see support for tooling being asked here:
https://github.com/reactjs/React.NET/issues/3
with Web Essentials being one of the prime picks for asking for support (might want to add your votes!)
If you are using Resharper it might be added in the next release, JetBrains is looking to add it into WebStorm
https://youtrack.jetbrains.com/issue/WEB-10136
This is because you're essentially putting html into your javascript. I found this after a quick google search and might fix your problem: https://visualstudiogallery.msdn.microsoft.com/d65d6b29-6dd7-4100-81b1-609e5afce356
The page mentions: "Visual Studio currently doesn't have native JSX syntax support. You can edit .jsx files in regular VS JavaScript editor for now and vote for adding native JSX support in Visual Studio here (the most requested feature in WE)."
I've wondering if it's possible to use visual studio (2013) to develop a HTML5 based website (HTML5-CSS-jQuery-etc), like Dreamweaver (which I hate by the way). Working with MVC Views was so easy because of IntelliSense, so that's why basically asking this. I want make a webpage, but the only option is ASP.NET...
For all those who are going to ask: Yes I've searched about this, but all the tutorials were about ASP.NET
Visual Studio 2012+ offers built-in support for HTML5 as explained in this article: http://msdn.microsoft.com/en-us/magazine/jj618298.aspx. You can create an empty web site and write your code/markup in it.
For the earlier 2008-2010 versions there is a VS extension:
http://visualstudiogallery.msdn.microsoft.com/d771cbc8-d60a-40b0-a1d8-f19fc393127d
Is there a way to generate JSDoc comments in Visual Studio like XML comments in C#? I.g. by typing ///? There is a plugin for JavaScript. Is there something simular for TypeScript, yet?
No. There isn't anything for TypeScript yet.
You could request it as a feature either from the TypeScript Visual Studio extension, Web Essentials or write a Visual Studio extension and stick it in the library.
I've updated my extension to support JSDoc and VSDoc in both JavaScript and TypeScript for Visual Studio 2012+.
https://visualstudiogallery.msdn.microsoft.com/0cb7304b-ad78-4283-ba2b-42804657fcdd?SRC=VSIDE
DocStubsJs [Formerly known as JavaScript vsdoc Generator]
This extension's goal is to provide a simple way to add documentation
to JavaScript and TypeScript by adding comment stubs after typing in
the opening of a new documentation comment.
To make this seem like less of a shameless plug, Atomineer also supports this, though it's a paid extension (it does a lot more than just a simple stub, though)
https://visualstudiogallery.msdn.microsoft.com/7912CCF4-60B8-4132-BACE-5ACACEB7233B