Getting started with webstorm

Download webstorm eBook

Remarks

This section provides an overview of what webstorm is, and why a developer might want to use it.

It should also mention any large subjects within webstorm, and link out to the related topics. Since the Documentation for webstorm is new, you may need to create initial versions of those related topics.

Versions

VersionRelease Date
1.0.02010-05-27
1.0.22010-08-08
2.0.02011-02-22
2.1.52011-09-16
3.0.02011-12-17
3.0.32012-02-28
4.0.02012-04-17
4.0.32012-07-13
5.0.02012-09-06
5.0.42012-10-30
6.0.02013-03-06
6.0.32016-04-30
7.0.02013-09-26
7.0.52016-04-30
8.0.02014-03-26
8.0.62016-05-03
9.0.02014-10-22
9.0.42016-05-09
10.0.02015-03-31
10.0.52016-04-30
11.0.02015-11-02
11.0.42016-04-29
2016.12016-03-17
2016.1.32016-04-29
2016.22016-07-11
2016.2.42016-10-19
2016.32016-11-14
2016.3.12016-11-22
2016.3.22016-12-13
2017.2.12017-07-31

Create Command-line Launcher

A command-line launcher is a handle tool which allows one to open WebStorm using the command-line. It can easily be created by using the menus

Tools > Create Command-line Launcher...
 

Screenshot of the "Create Command-line Launcher..." option in the menu

After selecting the option, you will be presented with the "Create Launcher Script" prompt for a location and name of the command-line launcher. This location should be within $PATH so that it can be invoked in the command prompt / terminal.

The default value is /usr/local/bin/webstorm where /usr/local/bin is the path the launcher will be added and webstorm is the name of the file. The name of the file will also be used as the command to invoke and launch WebStorm, it can change it, but for this example we will assume it is the default value of "webstorm"

Screenshot of "Create Launcher Script" prompt

After this is done, you can open a terminal or command prompt and user the "webstorm" command to launch WebStorm with a specific directory. In the example below, WebStorm will be opened with the directory ~/Workspace/my-project at the root of the Project.

> webstorm ~/Workspace/my-project
 

Tip: Use webstorm . to open the current directory.

Installation and Setup

Background

============

WebStorm is lightweight yet powerful Integrated Development Environment (IDE) perfectly equipped for complex client-side development and server-side development, it is cross-platform and works on Windows, Mac OS X, and Linux.

WebStorm features advanced support for JavaScript, HTML, CSS, and their modern successors, as well as for frameworks such as AngularJS or React, debugging, and integration with the VCS and various web development tools. also, it provides configured and ready-to-use local development environment, including support for Node.js, Meteor, CoffeeScript, TypeScript, Dart, Sass, and more.


Hardware Requirements

=======================

In order to run WebStorm smoothly, the following hardware requirements are required:

  • 1 GB RAM minimum, 2 GB RAM recommended
  • 1024x768 minimum screen resolution

System Requirements

=====================

For previous versions of WebStorm before 2016 it's required to have Java installed on the machine in order to run WebStorm, starting from WebStorm 2016 and above, JRE 1.8 is bundled with distributions for all platforms. You don't need any Java to be installed on your machine in order to run WebStorm.

For the Operating System (OS) the following is required:

  • Microsoft Windows 10/8/7/Vista/2003/XP (incl.64-bit)
  • OS X 10.5 or higher, including 10.10 (Only 64-bit OS X is supported)
  • OS Linux 64 bit (KDE, GNOME or Unity DE desktop)

Windows installation:

  1. Download WebStorm from the Download page.
  2. Run the WebStorm-*.exe file that starts the Installation Wizard. ( the * means the current version downloaded )
  3. Follow all steps suggested by the wizard. Pay special attention to the corresponding installation options.

OS X installation:

  1. Download the WebStorm-*.dmg OS X Disk Image file from the Download page. ( the * means the current version downloaded )
  2. Double-click the downloaded WebStorm-*.dmg OS X Disk Image file to mount it.
  3. Copy WebStorm to your Applications folder.

Linux installation:

  1. Download the WebStorm-*.tar.gz file from the Download page. ( the * means the current version downloaded )

  2. Unpack the WebStorm-*.tar.gz file to an empty directory using the following command:

    tar xfz WebStorm-*.tar.gz

  3. Because running WebStorm from wherever you downloaded the file to may be inconvenient, it is recommended that you move the extracted or unpacked archive folder to the desired location using the mv command in one of the following formats:

    mv <path to extracted archive folder> <new archive folder>

Example
-------

- mv /downloads/WebStorm-* my/desired/location
- mv <path to WebStorm-*.tar.gz> <new archive folder>
 
  1. Switch to the bin directory in the new location:

    cd <new archive folder>/WebStorm-*/bin

Example
-------

- cd <new archive folder>/WebStorm-*/bin
 
  1. Run webstorm.sh from the bin subdirectory.

Stats

62 Contributors: 4
Friday, August 4, 2017
Licensed under: CC-BY-SA

Not affiliated with Stack Overflow
Rip Tutorial: info@zzzprojects.com

Download eBook