Getting Started With WebStormExploring the IDE

Embed Size (px)

Citation preview

  • 8/10/2019 Getting Started With WebStormExploring the IDE

    1/14

    JetBrains

    Products

    Support

    Community

    Company

    Submit

    IDEs

    IntelliJ IDEA

    PhpStorm

    PyCharm

    RubyMine

    WebStormAp pCode

    .NET

    ReSharper

    dotTrace

    dotMemory

    dotCover

    dotPeek

    Teamware

    TeamCity

    YouTrack

    Mobile development

    Ap pCode

    IntelliJ IDEA Community Edition

    Languages

    MPS

    Kotlin

    View all products

    WebStorm

    Overview

    What's New

    http://www.jetbrains.com/webstorm/http://www.jetbrains.com/products.htmlhttp://www.jetbrains.com/teamcityhttp://www.jetbrains.com/dotpeekhttp://www.jetbrains.com/objchttp://www.jetbrains.com/webstormhttp://www.jetbrains.com/pycharmhttp://www.jetbrains.com/ideahttp://www.jetbrains.com/devnet/http://www.jetbrains.com/products.htmlhttp://www.jetbrains.com/webstorm/whatsnew/http://www.jetbrains.com/webstorm/http://www.jetbrains.com/webstorm/http://www.jetbrains.com/products.htmlhttp://www.jetbrains.com/kotlinhttp://www.jetbrains.com/mpshttp://www.jetbrains.com/idea#community_editionhttp://www.jetbrains.com/objchttp://www.jetbrains.com/youtrackhttp://www.jetbrains.com/teamcityhttp://www.jetbrains.com/dotpeekhttp://www.jetbrains.com/dotcoverhttp://www.jetbrains.com/dotmemoryhttp://www.jetbrains.com/profilerhttp://www.jetbrains.com/resharperhttp://www.jetbrains.com/objchttp://www.jetbrains.com/webstormhttp://www.jetbrains.com/rubyhttp://www.jetbrains.com/pycharmhttp://www.jetbrains.com/phpstormhttp://www.jetbrains.com/ideahttp://www.jetbrains.com/company/http://www.jetbrains.com/devnet/http://www.jetbrains.com/support/http://www.jetbrains.com/products.htmlhttp://www.jetbrains.com/
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    2/14

    Features

    Docs & Demos

    Quickstart GuideDownload

    Buy & Renew

    Getting Started with WebStormBefore You Start

    Look at the IDE

    Why Do We Need a Project?Import Your Code into WebStorm

    Project

    Create a Project from

    Downloaded Sources

    Create a Project Around the

    Sources from a Version

    Control Storage

    Start a Project from Scratch

    VCS

    Local history

    Write Code Smartly

    View Your Changes Instantly

    Analyze Code Transparently

    Find Your Way Through

    Source Code

    IDE Componen ts

    Run and Debug Your Application

    Test Your Application

    Custo mize Everyth ing!

    Thats it Folks!

    Getting Started with WebStorm. Exploring the IDE

    Welcome to WebStorm! This short guide aims to help you get a grip on the IDE.

    Before You Start

    You can start working with WebStorm right after the installation, it provides configured and ready-to-use local developmeenvironment, including support of such latest web trends as: Node.js , CoffeeScript, TypeScript, Dart, Jade, Sass , LESS and

    Stylus.

    WebStorm is cross-platform and works on Windows, Mac OS X, and Linux.

    Look at the IDE

    When you launch WebStorm for the very first time or there is no open project, you see the Welcome screen, which giveyou the main entry points into the IDE (creating or opening a project, checking out a project from version control, viewingdocumentation, and available plugins):

    http://learnboost.github.io/stylus/http://lesscss.org/http://sass-lang.com/http://jade-lang.com/https://www.dartlang.org/http://www.typescriptlang.org/http://coffeescript.org/http://nodejs.org/#downloadhttp://www.jetbrains.com/webstorm/quickstart/index.html#Thatsallhttp://www.jetbrains.com/webstorm/quickstart/index.html#CustomizeEverythinghttp://www.jetbrains.com/webstorm/quickstart/index.html#TestYourApplicationhttp://www.jetbrains.com/webstorm/quickstart/index.html#RunandDebugYourApplicationhttp://www.jetbrains.com/webstorm/quickstart/index.html#IDEComponentshttp://www.jetbrains.com/webstorm/quickstart/index.html#SourceCodehttp://www.jetbrains.com/webstorm/quickstart/index.html#FindYourWayThroughhttp://www.jetbrains.com/webstorm/quickstart/index.html#AnalyzeCodeTransparentlyhttp://www.jetbrains.com/webstorm/quickstart/index.html#ViewYourChangesInstantlyhttp://www.jetbrains.com/webstorm/quickstart/index.html#WriteCodeSmartlyhttp://www.jetbrains.com/webstorm/quickstart/index.html#Localhistoryhttp://www.jetbrains.com/webstorm/quickstart/index.html#VCShttp://www.jetbrains.com/webstorm/quickstart/index.html#Startaprojectfromscratchhttp://www.jetbrains.com/webstorm/quickstart/index.html#Createaprojectaroundthesourcesfromaversioncontrolstoragehttp://www.jetbrains.com/webstorm/quickstart/index.html#Createaprojectfromdownloadedsourceshttp://www.jetbrains.com/webstorm/quickstart/index.html#ImportYourCodeIntoWebStormProjecthttp://www.jetbrains.com/webstorm/quickstart/index.html#Whydoweneedaprojecthttp://www.jetbrains.com/webstorm/quickstart/index.html#LookattheIDEhttp://www.jetbrains.com/webstorm/quickstart/index.html#before_you_starthttp://www.jetbrains.com/webstorm/buy/http://www.jetbrains.com/webstorm/download/http://www.jetbrains.com/webstorm/documentation/http://www.jetbrains.com/webstorm/features/
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    3/14

    When a project is opened, you will see the main window divided into several logical areas:

  • 8/10/2019 Getting Started With WebStormExploring the IDE

    4/14

    1. Menus and toolbars, which help you execute various commands.2. Navigation bar for navigating through the project.3. Status barcontains the various information about the entire IDE, the current project or file in the editor,

    information, warnings, and error messages.4. The Editor, where you actually create your code.5. Tool windows. They are numerous, and perform different functions: help you explore and navigate through the

    projects and file structures, view search and inspection results, run, debug and test applications, work in interactivconsoles, and more.

    Why Do We Need a Project?

    Everything you do in WebStorm, is done within the context of a project. A project represents a complete software solutioand defines project-wide settings.This makes the basis for coding assistance, bulk refactoring, coding style consistency, etc.

    See also:Project

    Import Your Code into WebStorm Project

    http://www.jetbrains.com/webstorm/webhelp/project.html
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    5/14

    With WebStorm, you can set up a project in three ways:

    Download the sources from a remote host and arrange them in a WebStorm project

    Clone a version control repository and create a project around the downloaded sources

    Start a project from scratch

    Create a Project from Downloaded Sources

    One of the most widely used workflows is updating an already existing application. In this case you need to download th

    application sources and arrange them in a WebStorm project.

    1. First of all, configure access to the remote hostwhere the sources are located (Tools | Deployment |

    Configuration).2. Start the New Project from Existing Sources Wizard (File | New Project from Existing Files, then specify the

    method to access the remote host (Mounted Folder or FTP/SFTP/FTPS).

    See also:Creating a project from downloaded sources

    Create a Project Around the Sources from a Version Control Storage

    You can also download sources from VCS storages and repositories such as GitHub.

    Choose VCS | Checkout from Version Control | ). When asked by WebStorm, type your credentials toaccess the storage.

    See also:Cloning a repository from GitHubSetting up a local Git repositorySetting up a local Mercurial repository Checking out file

    from an SVN repositoryChecking out files from a CVS repository

    Start a Project from Scratch

    You can start your project from scratch developing an application from the very beginning.

    1. On the Welcomescreen, click Create New project.

    2. In the Create New Project dialog box that opens, enter the project properties such as project name, parent foldeand project type. Defining a project type you can have your project set up with external template or frameworkuploaded upon request (HTML5 Boilerplate, Twitter Bootstrap, or Foundationfor front-end application stubs or Expre

    for the server-side applications using Node.js)

    3. Next, when the project opens, lets create a JavaScript file in it. To do that, place the caret at the project rootdirectory in the Project tool window, point to New on the context menu, choose JavaScript File, and name

    it MyFile in the New JavaScript Filedialog that opens.4. In the new file that opens in the editor, type your code and WebStorm will automaticaly save the file.

    http://www.jetbrains.com/webstorm/webhelp/project-tool-window.htmlhttp://nodejs.org/http://expressjs.com/http://foundation.zurb.com/http://getbootstrap.com/http://html5boilerplate.com/http://www.jetbrains.com/webstorm/webhelp/checking-out-files-from-cvs-repository.htmlhttp://www.jetbrains.com/webstorm/webhelp/checking-out-files-from-subversion-repository.htmlhttp://www.jetbrains.com/webstorm/webhelp/setting-up-a-local-mercurial-repository.htmlhttp://www.jetbrains.com/webstorm/webhelp/setting-up-a-local-git-repository.htmlhttp://www.jetbrains.com/webstorm/webhelp/cloning-a-repository-from-github.htmlhttp://www.jetbrains.com/webstorm/webhelp/creating-a-project-from-downloaded-files.htmlhttp://www.jetbrains.com/webstorm/webhelp/new-project-from-existing-files-wizard.htmlhttp://www.jetbrains.com/webstorm/webhelp/creating-a-remote-server-configuration.htmlhttp://www.jetbrains.com/webstorm/quickstart/index.html#Startaprojectfromscratchhttp://www.jetbrains.com/webstorm/quickstart/index.html#Createaprojectaroundthesourcesfromaversioncontrolstoragehttp://www.jetbrains.com/webstorm/quickstart/index.html#Createaprojectfromdownloadedsources
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    6/14

    See also:Creating a project from scratchGenerating a project from a framework

    VCS

    Surely, you keep your sources under version control, right? Mercurial? Git? SVN? With WebStorm, its easy to set up,just click the Version Control node in the Settingsdialog (Settings dialog Project Settings - Version Control).If your project is set up around a cloned repository, WebStorm already knows which VCS is applied and automaticallyputs the downloaded sources under control of this system. You can also define the behavior of VCS in the parts that are

    common for all of them, such as: confirmation on creating or deleting files, tasks performed in the background, ignoringunversioned files and more.

    Local history

    In addition to a traditional version control system you can use local history. With Local History, WebStorm automatically

    tracks changes you make to the source code, results of refactoring, and state of the source code based on a setof predefined events (testing, deployment, commit or update). Local history is always enabled.

    Write Code Smartly

    What makes WebStorm stand out from the numerous IDEs, is its full-featured editor. Whatever you do for developing you

    source code, WebStorm is always at hand, helping you create error-freeapplications. Here is a brief outline of the smaWebStorms coding assistance:

    At every stage of development, use code completion

    (Ctrl+Space), which takes into account the currentcontext.

    For example, depending on the place where you invokcode completion, you can complete keywords or codeblocks, infer types, or complete methods andproperties.

    Use live templates/snippets (choose Code | Insert Liv

    Template or press Ctrl+J) and su rround templates

    (choose Code | Surround with Live Template orpress Ctrl+Alt+J) to produce entire code constructs.WebStorm comes with a wide range of ready-to-uselive templates, or snippets, which you can explorein the Settingsdialog (Settingsdialog IDE Setting- Live templates). If you see that you are lackingsomething especially important for your developmentgoals, extend this set of snippets with your own ones

    Dont also miss the possibility to surround withcomplete code constructs (choose Code | SurroundWithor press Ctrl+Alt+T).

    Use language injection in your code. WebStorm provides full coding assistance for CSS, HTML, etc. outside

    http://www.jetbrains.com/webstorm/quickstart/screenshots/ws_5_0_3_code_completion_ctrl_J_ctrl_alt_j.pnghttp://www.jetbrains.com/webstorm/quickstart/screenshots/ws_5_0_3_code_completion.pnghttp://www.jetbrains.com/webstorm/webhelp/using-language-injections.htmlhttp://www.jetbrains.com/webstorm/webhelp/creating-code-constructs-using-surround-templates.htmlhttp://www.jetbrains.com/webstorm/webhelp/creating-code-constructs-by-live-templates.htmlhttp://www.jetbrains.com/webstorm/webhelp/auto-completing-code.htmlhttp://www.jetbrains.com/webstorm/webhelp/local-history.htmlhttp://www.jetbrains.com/webstorm/webhelp/generating-a-project-from-a-framework.htmlhttp://www.jetbrains.com/webstorm/webhelp/creating-new-project-from-scratch.html
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    7/14

  • 8/10/2019 Getting Started With WebStormExploring the IDE

    8/14

    displayed as yellow stripes. Information for the currenfile is summarized in a colored indicator on top of themarker bar, which works as traffic lights.

    Moreover, WebStorm contains JSLint and JSHintbuilt-in code quality tools that verify code on the fly. To enable an

    configure these tools, open the Settings dialog box, click JSHint or JSLint under the JavaScript Code Qualit

    Toolsnode. On the page that opens, select the Enablecheck box and specify the validations to be applied.

    WebStorm helps you keep your code dry by detectin

    code duplicatesand applying the Extract Meth odrefactoring to them. To start the Smart DuplicatedCode Detector, choose Code | Locate Duplicateson the main menu. WebStorm will present a listof candidates for refactoring.

    Finally, you might want to look deeper into the codeof your application. In this case, you have to inspecta whole project, or any of its parts (Code | InspectCode), and explore results in the Inspection tool

    window. WebStorm comes with a wide range of pre-

    defined inspections you can familiarize yourself, andconfigure them in the Inspectionspage of the Settingdialog.

    Find Your Way Through

    Navigation facilities of WebStorm fall into these major areas:

    Navigating within the s ource cod e

    Jumping between the IDE components

    Source Code

    Lets start with finding fragments of text. One of the most basic means of navigation and search in the source code is ougood old Ctrl+F command: start typing your search string, and get immediately to its occurrences in the current file:

    But WebStorm goes further, and helps you look for a certain string within a directory, or any arbitrary scope, or an entireproject (Ctrl+Shift+F).

    http://www.jetbrains.com/webstorm/quickstart/screenshots/ws_inspection_results_tool_window.pnghttp://www.jetbrains.com/webstorm/quickstart/screenshots/ws_code_duplicates.pnghttp://www.jetbrains.com/webstorm/quickstart/screenshots/ws_5_0_3_analyze_code_semantics.pnghttp://www.jetbrains.com/webstorm/quickstart/index.html#IDEComponentshttp://www.jetbrains.com/webstorm/quickstart/index.html#SourceCodehttp://www.jetbrains.com/webstorm/webhelp/inspection-tool-window.htmlhttp://www.jetbrains.com/webstorm/webhelp/extract-method.htmlhttp://www.jetbrains.com/webstorm/webhelp/accessing-project-settings.htmlhttp://www.jshint.com/http://www.jslint.com/
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    9/14

    Besides that, WebStorm suggests a more sophisticatedapproach, namely search for usages. For example, if you

    want to navigate from a symbol to one of its usages withinyour application, press Alt+F7, or choose Find Usages on icontext menu. Then specify the search scope and view thedetected occurrences in and Find tool window:

    Actually, there are several commands that help you find out where a certain symbol is used: you can jump from oneusage to another in the current file (Ctrl+F7), view usages in the current file color-coded (Ctrl+Shirt+F7), or across a whoproject in a popup list (Ctrl+Alt+F7).If you want to jump from a symbol to its declaration, just middle-click its name, or press Ctrl+B.

    To quickly find an element by name and open it in the editor, use navigation pop-up: press Ctrl+N (for a class),Ctrl+Shift+N (for a file), or Ctrl+Shift+Alt+N (for a symbol), and start typing the name you are looking for. The listof matching names shrinks as you type, but this is just one of the handy facilities: you can use the asterisk wildcard, allcaps for CamelHumps, or spaces for snake_case names, slashes for nested folders and so on, and so forth.

    Quick search is the easiest way to find a file: with the Project tool window having the focus, you just start typing, andsee how the matching nodes are highlighted in the tree view. Actually, this method of finding files or symbols works in antool window.

    For working on big and complex HTML and XML files, with deep nested tags structure, WebStorm provides a codehighlighting feature.

    WebStorm also helps you easier find out where you are in the hierarchy by showing a a breadcrumb trail on top of the

    http://www.jetbrains.com/webstorm/quickstart/screenshots/ws_navigate_find_usages.pnghttp://www.jetbrains.com/webstorm/quickstart/screenshots/ws_5_0_3_navigate_find.png
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    10/14

  • 8/10/2019 Getting Started With WebStormExploring the IDE

    11/14

    menu or press Alt+F2. Then select the desired browser from the pop-up menu.

    Your application or script runs into a run-time error? To findout its origin, you will have to do some debugging. It starts

    with placing breakpoints (just click the left gutter of the linewhere you want the breakpoint to appear), at which programexecution will be suspended, so you can explore programdata.

    JavaScript debugging in WebStorm is provided through the

    JavaScript Debugger bundled plugin, which isenabled by default. Before you start debugging, configure th e

    debugger options.

    With WebStorm, you can debugJavaScript code in theFirefox and Google Chrome browsers. Debugging is supporteby means of browser-specific JetBrains extensions.No special steps are required from your side to install

    or enable these extensions. WebStorm does it for when you initiate a debugging session for the first time. Dependingon the location of application files, WebStorm distinguishes between the local and remote debugging modes.

    Local debugging supposes that the application files are on you machine. In this mode, you can initiate a debuggingsession either manually, by opening a single HTML file with a JavaScript injection in the WebStorm default browser (make

    sure it is Firefox or Chrome!) or through a debug configuration of the type JavaScript Debug. In case of Remotedebugging, the application files are deployed on a remote host and you have their copies on your computer, thereforeyou need to configure synchronizationwith the remote storage. A Remotedebugging session can be initiated only throug

    a debug configuration of the type JavaScript Debug.

    To start debugging, click the Debugbutton on the toolbar or pressing Shift+F9.

    And last but not the least, you can also run and debug NodeJSapplications. Integration with Node.js is provided by the

    Node.js plugin, which is bundled with WebStorm and enabled by default. Running Node.js is supported only in the localmode, debugging is available both locally and remotely.

    Local debugging is performed according to the Node.js debug configuration and the Node.js server is started fromWebStorm. In case of remotedebugging, WebStorm connects to an already running Node.js application. This approachgives you the possibility to re-start a debugging session without re-starting the Node.js server. Remote debuggingis performed according to the Node.js Remote Debugconfiguration.

    See also:Runn ing and Debugging JavaScriptNode.js

    Test Your Application

    WebStorm supports unit testing of JavaScript applications through the JSTestDriver plugin, which is bundled and enable

    by default.

    Create a separate folder for tests at the same level with the source files and mark it as test folder. For each production fil

    create a separate test file and name it as follows: name of production file.Test.js. Coding assistance for writing JavaScriunit test is supported through integration with JSTestDriver Assertion framework, Jasmine, and QUnitunit testingframeworks. You can use another framework, install it, configure it as a JavaScript library, and add the project root to the

    library scope.

    http://www.jetbrains.com/webstorm/quickstart/screenshots/ws_5_0_3_breakpoint.pnghttp://www.jetbrains.com/webstorm/webhelp/configuring-javascript-libraries.html#scopehttp://www.jetbrains.com/webstorm/webhelp/configuring-javascript-libraries.html#configurehttp://www.jetbrains.com/webstorm/webhelp/configuring-folders-within-a-content-root.htmlhttp://www.jetbrains.com/webstorm/webhelp/unit-testing-javascript.htmlhttp://www.jetbrains.com/webstorm/webhelp/node-js-2.htmlhttp://www.jetbrains.com/webstorm/webhelp/running-and-debugging-javascript.htmlhttp://nodejs.org/http://www.jetbrains.com/webstorm/webhelp/running-and-debugging-node-js.htmlhttp://www.jetbrains.com/webstorm/webhelp/creating-a-remote-server-configuration.htmlhttp://www.jetbrains.com/webstorm/webhelp/web-browsers.htmlhttp://www.jetbrains.com/webstorm/webhelp/configuring-javascript-debugger.html
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    12/14

    JavaScript unit tests are run in a browser against a test server which actually handles the testing process. WebStorm haa local test server that is launched right from the IDE. This server allows you to capture a browser to run tests in, loadsthe test targets to the captured browser, controls the testing process, and exchanges data between the browser andWebStorm, so you can view test results without leaving the IDE. Appoint the tests to run in the JSTestDriver runconfiguration. Specify the test explicitly or prepare configuration filesand specify them in the run configuration.

    To run the tests, select the relevant configuration and click the Run button on the toolbar, or just press Shift+F10.

    To start monitoring code coverage, select the relevant configuration and click the Run with coveragebutton on thetoolbar.

    See also:Code Coverage for JavaScript Unit TestingUnit Testing JavaScriptConfiguring JavaScript Libraries

    Customize Everything!

    Look at the main toolbar there is a Settings button . Clicking this button opens the Settings dialog box, where you

    can change your project structure, set up version control, and tweak your working environment to make the developmentprocess a real pleasure. Some of the settings pertain to a particular project for example, project structure, versioncontrol configuration, or file colors. Others such as the Editor settings, keymaps, or live templates pertain to your

    whole working environment, and thus can be configured even without an open project.

    Editor

    The whole bunch of pages under the Editor node (Settingsdialog IDE Settings - Editor) helps you tune every aspectof the editors behavior. Note that WebStorm comes with the pre-defined color scheme, but if you want to make upsomething very personalized, you are welcome to do it.

    Coding style

    WebStorm contains a set of bundled predefined coding styles. Applying them helps your code meet the language-specifcoding standards. To appoint a predefined coding style to a language, choose click the link Set From in the upper-rightcorner and choose the language or framework to copy code style from in the drop-down list, that appears.

    Coding style is defined in the dedicated language page under the Code Style node of the Settingsdialog box.

    Appearance

    This is the page where you can select look and feel of your WebStorm installation (Settings dialog IDE Settings -Appearance ). Just click the Look and feel drop-down, and select the scheme you like better. You dont need to closethe Settings dialog to observe the results of your experiments: click Apply, see what happens, and close the dialog wheyou are quite happy with what youve got.

    File Colors

    You project might contain several sites, each one with its own set of files with the same names. When they are opened

    http://www.jetbrains.com/webstorm/webhelp/settings-dialog.htmlhttp://www.jetbrains.com/webstorm/webhelp/configuring-javascript-libraries.htmlhttp://www.jetbrains.com/webstorm/webhelp/unit-testing-javascript.htmlhttp://blog.jetbrains.com/webide/2012/04/javascript-unit-testing-with-code-coveragehttp://code.google.com/p/js-test-driver/wiki/ConfigurationFile
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    13/14

    in the editor, its rather confusing... WebStorm helps make them different by painting their editor tabs (Settingsdialog Project Settings - File Colors). You have to break down your project into smaller chunks scopes (for example,

    a scope per site), and select a color for each one.

    Keymap

    The set of keyboard shortcuts you work with is one of your most intimate habits your fingers remember certaincombinations of keys, and changing this habit is rather painful. WebStorm supplies you with a great default keymapmaking your coding really productive and convenient, however, you can change it to another one (Settingsdialog IDE

    Settings - Keymap). There are some pre-defined keymaps, moreover, you can create your own keymap on the baseof an existing one.

    See also:Web Storm Default Keymap

    Thats it Folks!

    Here we have given a very concise overview of some vital WebStorm facilities, just to give you a quick start. There arenumerous important features that make developers life nice and easy, and the source code nice and clean. Try now thesprimary steps, and then dig deeper. Enjoy!

    We realize you may still have questions. We welcome you to ask them on WebStorm Discu ss ion Forum.

    all products

    IntelliJ IDEA

    ReSharper

    WebStorm

    PhpStorm

    PyCharm

    RubyMineAppCode

    YouTrack

    TeamCity

    dotTrace

    dotMemory

    dotCover

    dotPeek

    MPS

    Kotlin

    resources

    Developer Community

    Support

    JetBrains TV

    Blogs

    Upcoming Webinars

    company

    Contact Us

    http://www.jetbrains.com/company/contacts/http://www.jetbrains.com/devnet/webinars/http://blogs.jetbrains.com/https://www.youtube.com/user/JetBrainsTVhttp://www.jetbrains.com/support/http://www.jetbrains.com/devnet/http://www.jetbrains.com/kotlin/http://www.jetbrains.com/mps/http://www.jetbrains.com/dotpeek/http://www.jetbrains.com/dotcover/http://www.jetbrains.com/dotmemory/http://www.jetbrains.com/profiler/http://www.jetbrains.com/teamcity/http://www.jetbrains.com/youtrack/http://www.jetbrains.com/objc/http://www.jetbrains.com/ruby/http://www.jetbrains.com/pycharm/http://www.jetbrains.com/phpstorm/http://www.jetbrains.com/webstorm/http://www.jetbrains.com/resharper/http://www.jetbrains.com/idea/http://devnet.jetbrains.com/community/wihttp://www.jetbrains.com/webstorm/documentation/WebStorm_ReferenceCard.pdfhttp://www.jetbrains.com/webstorm/webhelp/scope.html
  • 8/10/2019 Getting Started With WebStormExploring the IDE

    14/14

    Partners

    Customer List

    Testimonials

    Jobs

    Facebook

    Google+

    LinkedIn

    Twitter

    YouTube

    JetBrains RSS

    Get Monthly Newsletter

    E-mail JetBrains news to me Subscribe

    Contacts:

    Sales Team

    Marketing Team

    Webmaster

    2000-2014 JetBrains s.r.o. All rights reservedDeveloped with WebStorm

    Privacy Policy

    Terms of Use

    Site map

    http://www.jetbrains.com/map.htmlhttp://www.jetbrains.com/company/useterms.htmlhttp://www.jetbrains.com/company/privacy.htmlhttp://www.jetbrains.com/webstormmailto:[email protected]:[email protected]://www.jetbrains.com/company/contacts/http://www.jetbrains.com/rss.xmlhttps://www.youtube.com/user/JetBrainsTVhttp://twitter.com/#!/jetbrainshttp://www.linkedin.com/company/jetbrainshttps://plus.google.com/+jetbrains/http://www.facebook.com/JetBrainshttp://www.jetbrains.com/company/jobs/http://www.jetbrains.com/company/customers/testimonials.htmlhttp://www.jetbrains.com/company/customers/http://www.jetbrains.com/partners/