In this article, I will share steps on how to set up and debug javascript code in Python Flask using Pycharm. This setup could be extremely handy for developing Flask web apps.

Go Run -> Edit Configurations

Add Javascript Debug. I named it to js_debug configuration when creating one.

In the URL location set the URL which you get when you run your flask local web server.

In this article, I will go through HTML, CSS, Javascript code to have a Twitter timeline widget, which can be used to have on any webpage. The end widget will look something as follows. Prior knowledge of HTML and CSS is required to grasp the complete article.

<!DOCTYPE html>
<html lang=”en”>

Ishan Mehta

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store