Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Html+css+javascript development with Visual Studio

My main experience with developing in Visual Studio is as c#/c++ developer. But now I need to create html+css+javascript front end for [probably] PHP code, and I've heard that Visual Studio has pretty nice capabilities in that range, including debugging javascript.

However, I can't find anywhere a "web" project (except for the ASP.Net stuff, which I'm not sure that it is the right thing).

Here's what I think I need to do:

  1. Create html file
  2. Create css file
  3. Include a bunch of javascript libraries
  4. Write my own javascript code
  5. Press F5 and debug the code in different browsers.

I'm mainly interested in intellisense, not a visual editor.

Is Visual Studio the right IDE for this kind of web development? And if it is, how do I set up the kind of project I described above?

like image 723
Arsen Zahray Avatar asked Oct 19 '13 20:10

Arsen Zahray


People also ask

Does Visual Studio support HTML CSS and JavaScript?

Visual Studio offers powerful HTML, CSS, JavaScript, and JSON editors. Tap into the power of LESS, and Sass, use PHP, Python, or C# with ASP.NET. All the popular languages are supported and you can move between languages and project types with ease.

Is Visual Studio good for JavaScript?

Visual Studio provides an out of the box, first class debugging experience for JavaScript. Powerful features like source maps allow you to drop breakpoints directly in your code. Performance profilers make finding runtime memory bottlenecks trivial.


1 Answers

I think the instructions at How do you add a folder to a project in Microsoft Visual Studio Express 2012 for Web? might work for setting up a Visual Studio project:

1) New blank solution
2) Right click on the solution and select Add existing website
3) Browse and select the folder with your html, css, javascript, etc. files
4) Right click on the page you want it to start on and select set as start page

As for running against different websites, you might try a Visual Studio extension. A decent starting list is here: http://www.asp.net/mobile/device-simulators

like image 132
Bryan Avatar answered Sep 21 '22 17:09

Bryan