Visual Studio project for Javascript,HTML and CSS website with debugging - javascript

I'm developling a pure front-end based application in the webbrowser. What I'm using is Javascript (jQuery, Knockout), HTML, CSS (bootstrap). So there is no backend, there is no need for it. In that respect, I can't find a proper project template in Visual Studio (up to 2017). All I can find is either ASP.NET MVC, or Javascript Window Apps. I think those project don't match my goal. I do only want javascript, but not targeting the windows platform, but the browser. I do want a web project, but I do not require ASP.Net.
What I have so far is a blank solution, add existing project, selected the root folder. All files are there in a web project which can be launched via Visual Studio. But I can not debug javascript code this way. Or I do not know how.
So the question is, is there any matching project template I can use, or how do I debug the javascript code?

Sorry, but not just simple Javascript. You can create empty ASP.Net Web site and use it for HTML, CSS, and JavaScript programming. The Webconfig file provided by ASP.NET enables debugging in Visual Studio (or you can use F12 tools when you run the app).

You can create an empty ASP.Net Web site and use it for HTML, CSS, and JavaScript programming.
Actually VS2017 also has the new feature debug the JavaScript.
https://blogs.msdn.microsoft.com/webdev/2016/11/21/client-side-debugging-of-asp-net-projects-in-google-chrome/

Related

Make a javascript 'code snippet' app an installable windows .exe using VS CODE?

Ive been learning html, css, js, php, mysql, (touched on node js but ran away from it - too much too soon) for a few months now and would like to make a simple categorized code snippet app as a learning project and to aid my crap memory!
I couldnt find a relevant answer so, hopefully its not a dumb question:
I want to primarily stick with js to get a good coding knowledge base so will make the snippet app using js, and .txt files as the storage. Using VS Code, what would be the best practice/method?
I know I could just make it browser based, but would rather have a little app I can pin to the taskbar, as im coding/self teaching full time atm.
The HTML, CSS and Javascript natively supported by browsers to develop Web Apps (You cannot run as a native app). The .EXE files are executable binary files of Windows. If you want to build Native Apps using HTML, CSS & JS, You have couple of options.
Electron JS
Electron JS is a amazing tool, To build cross-platform apps. You can develop your apps using HTML, CSS and JS and build it to any major platforms.
VS Code, Invision, MS Teams are built on electron Js
https://www.electronjs.org/
Use WebView on Native App
If you don't need to access any native function of the system, Then you can go with WebView. The web view is a feature to embed a website inside a native app. Most of the languages/frameworks have web-view support (Eg:- .Net).
If you are focusing on windows, Try .NET Web View

How to add Javascript file into Eclipse?

I am using Eclipse Oxygen.
I have web features already installed, I think some packages are missing for javascript files.
When I try to create a new javascript file, I see that there is no javascript file. How to add this feature into eclipse?
screenshot:
You just look in the wrong "folder" ("Web") to create a new JavaScript-file, the proper path is "JavaScript > JavaScript Source File".
You can also take advantage of the search in the Wizards when you type the desired search term at type filter text.
You must be using a perspective, which is not suitable for web development.
Try opening a perspective which suits your development domain. Web and Java EE perspectives for example supports JavaScript development. If such is not available in you Eclipse installation, you have to install additional tools. Which Eclipse package are you using?
In the right perspective you will have the JavaScript Source File option in the New pop-up dialog right clicking your project or an appropriate project folder (eg. WebContent).

Visual Studio Designer for Javascript App

I'm writing an application and after some Proof-of-concept work I'm starting to design the app in UML. It will be an HTML5/Javascript app with a simple ASP.NET backend serving data over SignalR and AJAX to the front.
I want to design the C# classes and the JS "classes" in UML and I'm testing out the Visual Studio designer (2013) to see if it'll work. My problem is that the designer always create C# classes for every UML class, but some of these will be JS classes. Is there any way to turn off the code generation?
Comments on other/better tools are welcome.

grails development: eclipse vs. intellij idea

I downloaded sts and installed the grails/groovy plugins which is fine, but I can not use the JavaScript functionality like jumping through classes and functions in the JavaScript editor.
When I click command and on the functions name, I get a dialog saying "you have to make this a JavaScript project etc." :( :(
intellij is much better at this I think, but it takes all my cpu usage which is really sad :( so I need to switch to eclipse...
My question is: Why can't I use the JavaScript editor plugin from eclipse when my project is a "grails project"?
Eclipse's JavaScript editor is part of the Eclipse Web Tools Project (WTP). Thus, it's shipped with SpringSource Tools Suite (STS).
In new STS Grails projects as created by the Grails project creation wizard, however, the JavaScript project facet is not enabled by default.
To enable it,
right-click on the project root in the Project View,
select Properties,
in the Properties dialog, select Project Facets,
click Convert to faceted form...,
mark the JavaScript checkbox,
and click OK.
After that,
there will be a new top-level item JavaScript Resources (where you can browse the sources of ECMA and third-party JavaScript files),
and there'll be code inspection and completion in HTML <script> tags
and JavaScript source files (file extension: .js),
including for third-party libraries.

Static web project in Visual Web Developer Express

I am about to develop a sort of web application using only static files (eg. html, js & css). Is there a way to start this sort of project in Visual Web Developer Express?
I want to have all the niceties with intellisense, sulution explorer and whatnot but I don't want all of the ASP.net structure in the sulution.
Is thiss possible or is there perhaps another IDE for this kind of project?
Thanks!
Well Igues I found it.
In Visual Web Developer:
File > New Web Site > ASP.NET Empty Web Site
I'll guess it doesn't hurt to look one more time before you ask.
But someone might find this usefull in the future.

Categories