webstorm logo

Web Storm Javascript IDE Linux Install 2016

What is an IDE

Although Kali Linux is excellent tool for penetration testers, sometimes you need to use it for other tasks/projects that do not involve any type of penetration testing. If you’re looking to getting into web development, or software development in general, I recommend a product called WebStorm, developed by JetBrains. WebStorm is a JavaScript Integrated Development Enviroment (IDE) and helps you manage your code and stay organized. When building scalable applications, the number of files and modules can grow exponentially, really quickly, and therefore I recommend using an IDE to keep track of everything.

An integrated development environment (IDE) is a software suite that consolidates the basic tools developers need to write and test software. Typically, an IDE contains a code editor, a compiler or interpreter and a debugger that the developer accesses through a single graphical user interface (GUI). — techtarget.com

Install WebStorm IDE

First, visit the WebStorm website and download the software. It is available for: Windows Linux Mac

Download Here

Save the WebStorm-2016.1.3.tar.gz file to your computer. I went ahead and saved it on my Desktop for demonstration purposes. My completed WebStorm download is located at /root/Desktop/. After the download completes, open Terminal and navigate into the directory:

cd /root/Downloads/

tar file and extracted contents

If you type “ls” in the Terminal, it should list the WebStorm-2016.1.3.tar.gz archive. Since the file is an archive, we need to extract the contents before we can proceed with the install of the application/IDE. This can be done from the Terminal in the /root/Downloads/ directory. In Terminal, type:

tar xvzf ~/Downloads/WebStorm*.tar.gz


You can also use the Archive Manager GUI (Graphical User Interface) to extract all the contents of the archive. To do this, simply open the folder you saved the archive to, and double-click to open it with the Archive Manager. To extract the files, click the “Extract All” button.

This should extract all the contents of the archive and place them in the Downloads directory. After all the files have been extracted, you should have a folder named WebStorm-2016.1.3. This means we are ready to install the extracted files. In your Terminal window type:

cd WebStorm*/bin/

Your terminal should now point to: root@kali:~/WebStorm-145.1616.9/bin#. From here run the following command:

sudo ./webstorm.sh

You should be greeted by the “WebStorm License Activation” window. If you have a key, go ahead and enter it, otherwise click “Evaluate for Free for 30 days” to launch the WebStorm IDE. Congratulations! You are now ready to do some serious development.

Webstorm activation
Activation screen

If you get an error stating that you do not have the latest version of Java installed, please see Troubleshooting section below.

Troubleshooting

Kali Linux Java Update

You may have an outdated version of Java. To check your Java version, type Java --version in the Linux Terminal. WebStorm will not launch until you update your Java version. To update your Kali Linux Java version to Java 8, please open Terminal and type:

echo "deb http://ppa.launchpad.net/webupd8team/java/ubuntu trusty main" >> /etc/apt/sources.list
echo "deb-src http://ppa.launchpad.net/webupd8team/java/ubuntu precise main" >> /etc/apt/sources.list

The above commands will add to our “sources.list” file. This will allow apt to look in other online “sources” (which we specified) for a Kali Linux Java Update. Basically, we are telling apt to update it’s dependency list. You can also manually edit the source.list file located at /etc/apt/sources.list and add the sources. Now, in Terminal continue to type the following commands one after the other:

sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys EEA14886
sudo apt-get update
sudo apt-get install oracle-java8-installer 

Java 8 should install and you should be able to run WebStorm IDE by running the command:

sudo ./webstorm.sh

If you do not have a Linux OS (operating system) running on your machine, I recommend testing out Ubuntu or Kali Linux distros. All you need is an extra USB flash drive. Read my tutorial on How to create Kali Persistence USB.

Summary

Congratulations, you can now use the WebStorm IDE to create your next development project. As you can see by the layout of the IDE window, it makes navigating all your project files much easier with the sidebar. You can also update your project files on the fly in the right window pane. A lot better than fumbling around with multiple windows, isn’t it? It has a built in debugger, and many other great syncing features to help maintain your website or application. WebStorm as a lot of features, and I’ll be honest, I’m no expert in all of it’s features. To learn to use the IDE, I recommend viewing the documentation on their website. You will be an expert in no time. 🙂

After your 30 day license is up, you should purchase the software if you like it. However, if you prefer to setup a free IDE, I recommend a product called Sublime Text. To setup and install Sublime Text as an IDE, read my tutorial:

Free IDE Setup – Sublime Text 3

For more information regarding making your own Linux script (*.sh) click here.

Leave a Reply

Your email address will not be published. Required fields are marked *