Debug the javascript part of Django project using Webstorm - javascript

How can you get in the debug mode in webstorm to debug the frontend (implemented with javascript) in a Django project. I managed to import the js folder of my project but it's not possible to run and debug it through WebStorm, so for now I just run it through Eclipse and use the browser debugger so far. Any recommendations?

Should be possible via JavaScript Debug run configuration: you need to specify the URL of your start page (like 'http://127.0.0.1:8000/mysite/index.html')
as 'URL to open' and set remote URL mappings accordingly (http://confluence.jetbrains.com/display/WI/Starting+a+JavaScript+debug+session#StartingaJavaScriptdebugsession-Startingadebugsessionwhenusingadifferentwebserver). Of course, you can't start Django server from WebStorm, but you can debug javascript served by it...

Related

Creating shopify scripttag in python

I'm developing a python app for Shopify which creates a scripttag to display some content on the storefront. Now, I'm confused that the python server file is running on localhost and I'm able to test it using ngrok. How can I make the scripttag.js file run in the same project as well? I tried to host the js file on google drive for testing purposes but it gave me CORB error. So, where exactly should the js file go as I want to run it inside the python project?
CORB Error in the browser

Vue.js 2 and Asp.Net MVC, how to enable auto reload on any *.ts, *.scss and *.vue file change?

My local is running on IIS Express from Visual Studio Debugger, I make change to any server side c# code on Visual Studio 2017 however any client side code I use VSCode to modify.
So I have VS2017 open and on debug mode, hosting my local with a self signed certificate on https://localhost:44300/ and for any *.ts, *.scss or *.vue code change I have VSCode open.
When I only develop just client side code without full-stack server code backing it up I can use live-server to watch for changes and it auto reloads the localhost site running on 8080.
I want to have auto reload on any file change while the local is running from VS2017 debugger.
How to do that?

Angular JS with HANA

I have been trying to run a Angular JS application which is located in HANA. Since the Web IDE does not support Angular JS development, I have the application in Webstorm editor locally in my laptop.I am using a Resource override plug in to direct the location of my files towards local files. However when I run the index.html from the HANA server, I am getting HTTP 404 error.
Please verify that you have two files in the folder to allow web access:
.xsaccess see content guide here
.xsapp (empty file)

Deploy a standalone node.js server from WebStorm express project

Total rookie question, however in my hours searching have not found a proper solution:
I have made a Node.js/express server using WebStorm IDE, tested it and run it successfully, however now that it is complete, I would like to be able to run it manually as a standalone project.
I have tried just running the www js file, which does start the server, however some functionality is lost, such as being unable to find and run a python script (not found).
My question is how do I fully transfer all the functionality incorporated in the WebStorm project so that server can be run outside of the IDE?
ADD: Currently only python scripts in the /bin directory will be found (server terminal run location)

How to debug javascript in Eclipse served by a Django Server

Let me 1st explain my setup.
I am trying to build a website using Django as backend framework and with Twitter bootstrap as frontend framework (using the django frontend)
My env is CentOS 5.9 with Eclipse Kepler with Pydev, JSDT, WDT plugins (Python 2.7, Django 1.4+).
I am able to debug Django Python files (views.py) using --noreload (argument to manage.py) using the pydev perspective.
But how do I debug the frontend Javascript from Eclipse (I know I can use Chrome/Firefox tools, but I would like to debug and use JS autocomplete feature of Eclipse) that is served from a Django server? To make things simple, I am running the Django manage.py from a terminal (unless someone can tell me how to debug Django and JS at same time from Eclipse?)
I know I can debug static pages using chrome dev tool with Eclipse, but I am looking for way to debug pages (JS, CSS) served by Django.
Thanks for the help :) Let me know if you think there is a better way to debug JS.
Start a server on localhost
open a browser and navigate to your local server.
Use the built-in debugging capabilities of your browser.

Categories

Resources