WebStorm: How to debug a project in Grunt.js configuration? - gruntjs

I use WebStorm to write a web project runned by Grunt.js.
My problem is that I can't debug the project. If I put breakpoints and run it in debug mode, WebStorm ignores the breakpoints.
Do you know how it's possible to debug a Grunt project?

Related

How to run the angular application i.e developed by using Angular CLI in VS2017?

Am working ASP.NET Web Application with Angular 6. For this, I created a solution/project by taking an empty Web Application template in Visual Studio 2017. With the help of Angular CLI, I added the Angular files successfully to the ASP.NET Empty project and the project structure looks like:
Whenever I am trying to run the code from VS 2017, then the Application won’t load main.ts file it only displays index.html content. But whenever I am trying to run the code from command prompt by entering the command as ng serve, then the application should launched successfully and load the main.ts file as well as display the UI/UX design.
So, can anyone suggest me what is the problem when I run the above angular application from VS2017 it won’t load the main.ts file? But the same application will work from command prompt using ng serve command.
open cmd
change directory or folder using cd command like cd desktop to your project folder
put ng-serve on cmd and hit 'Enter'
OR
npm run ng serve use this command...

Compile Sass files in IIS7

I have encountered a problem in compiling Sass (.scss) files on IIS7. Is there any simple way to invoke the compilation? I have tried to add the MIME type but it wasn't working. Do I have to install something additional to IIS server?
I have also installed Mindscape instead of SassyStudio ad-on to Visual Studio and it did help because of dynamic .scss compilation. As you save .scss file, Mindscape generates .css file. But is there a posibility to run such compilation during deployment or on the IIS server?
Firstly Sass is a pre-processor, therefore must to be compiled to CSS to be used by the browser and IIS.
You have a few options:
Compile to css within Visual Studio and add the CSS to the project.
Have your build server/process compile to CSS before deploying to your environment. A common way to do this is with a Grunt or Gulp script.
Use BundleTransformer for Sass and create bundles with your .scss files. The transformer will output the bundle compiled to CSS.

Building asp.net core project in debug mode creates no artifacts?

When I build my asp.net core project in release mode I can find the artifacts at directory:
C:\TGB.App\artifacts\bin\TGB.Web\Release
but when I build my asp.net core project in debug mode I can not find it anywhere within/below artifacts folder.
Why is that?
You need to select "produce output on build" option in your project build properties.

How can I add or rename files in Visual Studio while the project is running?

How can I add or rename files in Visual Studio while the project is running?
I am currently developing a ASP.NET 5 web application and I continuously need new TypeScript files or html files. It is a pain to always have to stop and start the project again.
I have a gulp watcher running that copies all html changes and compiles all TypeScript files into one app.js towards wwwroot.
You can do this, you just need run through a few steps first.
Run your local site but bypass debug mode (CTRL + F5). Debug mode requires recompilation to pickup file modifications since the debugger isn't attached to the process.
Install dnx-watch by running this command dnu commands install Microsoft.Dnx.Watcher. This will add file change monitoring to your project. This is new as of beta8, you can read about it here.

Xamarin Studio generate CSS from SASS or LESS files

I'm building a OWIN based Web-Application with Xamarin Studio on MacOS X.
How can I configure Xamarin Studio to build the CSS files from the LESS sources?
I have been looking for a solution to this myself. What I do now is I setup Grunt to do the compilation of the SASS files and run it in a command prompt.

Resources