WebStorm 11 EAP, 142.4148: encode HTML symbols, Meteor, TypeScript 1.6 features

Posted on by Ekaterina Prigara

A new Early Access build for WebStorm 11 (142.4148) is now available for download.

You can learn about the new features and improvements already available in WebStorm 11 EAP in our previous blog posts:

  • WebStorm 11 Early Access Program: TypeScript 1.5, support for tsconfig.json, TSLint integration, Yeoman integration, new Node.js inspections, support for debugging Webpack, option to run single Mocha test, flame charts in V8 CPU profiler and more.
  • WebStorm 11 EAP, 142.3805: Improved HiDPI support for Windows and Linux, clickable links in comments, breadcrumbs in Stylus files.
  • WebStorm 11 EAP, 142.4723: code style for chained methods, React and TypeScript 1.6 support improvements.

Encode HTML special symbols

WebStorm can now help you encode (or escape) special symbols in your HTML code replacing them with HTML entities that start with &. Quick and easy!

Select a symbol or a block of code and call Encode XML/HTML Special Characters from the menu Edit or from the Find action menu (invoked with Cmd-Shift-A on OS X or Ctrl-Shift-A on Win and Linux).

encode_html_symbols

Improvements in Meteor support

Once you open a Meteor project, all the Meteor packages will be automatically added to the list of External Libraries that IDE uses to provide coding assistance.
If you add a new Meteor package to your project, it will also be added to that list. No additional steps are required.

WebStorm now supports angular-meteor. All .ng.html files in the Meteor project are treated as HTML files and not Handlebars so that you can enjoy a top-level support for AngularJS that WebStorm offers.

meteor-angular

WebStorm is also ready to support Meteor 1.2 including React and ECMAScript 2015.

TypeScript 1.6: intersection types and type guard functions

The IDE has added a support for two TypeScript 1.6 features: intersection types and type guard functions.

ts-type-int

ts-type-guards

Other things worth mentioning are:

    • Performance improvements in React support;
    • Option that adjusts IDE color for those with red-green color deficiency: you can enable that in Preferences | Appearance and Behavior | Appearance.

The full list of addressed issues is available in the release notes.

Download WebStorm 11 EAP (build 142.4148). Patch update from the previous EAP build, 142.3805 is available.

Please report your feedback to our issue tracker. To get notifications of new EAP builds as they become available, subscribe to the EAP channel in Preferences | Appearance & Behavior | System Settings | Updates.

Develop with pleasure!
– JetBrains WebStorm Team

Comments below can no longer be edited.

30 Responses to WebStorm 11 EAP, 142.4148: encode HTML symbols, Meteor, TypeScript 1.6 features

  1. IgorG says:

    August 20, 2015

    intersection types and type guard functions links both point to same direction

    • Ekaterina Prigara says:

      August 21, 2015

      Thanks for noticing. Fixed.

  2. Jonathan says:

    August 23, 2015

    Hi there,

    you mentioned Typescript 1.6 features.
    Is Typescript JSX support although part of the new WS 11-Release?

    see: https://github.com/Microsoft/TypeScript/wiki/Roadmap

    Greetings,
    Jonathan

    • Ekaterina Prigara says:

      August 24, 2015

      No solid plans to work on TypeScript JSX support for WebStorm 11 at the moment, but we’ll try our best. Please vote for this feature request and follow the updates: https://youtrack.jetbrains.com/issue/WEB-14441

      • Jonathan says:

        September 8, 2015

        That is very sad.. πŸ™

      • Jay Stratton says:

        September 14, 2015

        Yea, this really bums me out. I might not have renewed my Webstorm license the other day had I known you guys weren’t going to support this feature. I’m working on a TypeScript/Angular/React app at my company, and this will likely become our default tech-stack for future applications.

        • Dennis Ushakov says:

          September 14, 2015

          Please see this update, we’re working on TSX support

          • Patrick McElwee says:

            September 15, 2015

            Does this mean it will soon land in IntelliJ Idea as well?

            • Dennis Ushakov says:

              September 15, 2015

              Sure, IntelliJ will get this feature automatically in 15 EAP builds

  3. Umed says:

    August 25, 2015

    nice job!

  4. Nicolas says:

    August 29, 2015

    Please can you better document how to parameterise webStorm for ES2017/node development, including debugging with good lines used in the debugger, mocha debugging, code coverage.
    thanks
    Nicolas

    • Ekaterina Prigara says:

      August 31, 2015

      Please have a look at this blog post on ECMAScript 6, there’s no additional steps in configuring WebStorm for ES7.
      To debug ES7 code, like any other transpiled code, you need to have source maps.

  5. Umed says:

    August 30, 2015

    Great improvements of typescript support. But one of the feature I miss is auto-update tsconfig.json based on filesGlob (as its implemented in atom-typescript). its very annoying to update it manually on every file create/delete. Also good to have more enhanced refactoring capabilities (for example extract a single class (left others) from one file to another)

    • Umed says:

      August 30, 2015

      also its very strange that code completion does not suggest to import classes that are not imported yet until I completely type the class name

  6. Dmytro says:

    September 2, 2015

    Hello,

    Do we have any chance to have without bundled JDK ? Bundled JDK killing my eyes with colors and fonts and I failed to make it look similar to Webstorm 10. To much contrast in colors and in fonts. OS X Yosemite 10.10.5

    • Ekaterina Prigara says:

      September 3, 2015

      You can do it the following way: hit Cmd-Shift-A (search for action) and type Boot JDK then select the one you prefer better from the list of installed JDKs.

  7. James Trefry says:

    September 2, 2015

    Will this version support local workspaces and integration with Visual Studio Online TFS?

  8. Tomasz Kucharzyk says:

    September 8, 2015

    Some important features of TypeScript 1.6 are still missing for me.

    Vote for supporting JSX in TypeScript 1.6 (tsx files)
    https://youtrack.jetbrains.com/issue/WEB-14441

    Take a look: State of TypeScript 1.6 support in IDEs
    http://blog.dripstat.com/state-of-typescript-1-6-support/

    • Ekaterina Prigara says:

      September 8, 2015

      We are working on TypeScript 1.6-beta support, please follow the updates on the WebStorm 11 Early access program

      • Tomasz Kucharzyk says:

        September 8, 2015

        Great news πŸ™‚

      • Jonathan says:

        September 11, 2015

        You plan to support TS6 in the WebStorm 11 release?

        https://youtrack.jetbrains.com/issue/WEB-17412

        • Dennis Ushakov says:

          September 11, 2015

          Yes, and we’re improving TS6 support in EAP builds continuously.

  9. Wander says:

    September 23, 2015

    Great job with TypeScript 1.6 !!!!

  10. Wander says:

    September 23, 2015

    When do you guy plan to support TypeScript 1.6 ‘s import from node_module ?

    • Ekaterina Prigara says:

      September 23, 2015

      Hopefully it will be in the next EAP build.

      • Wander says:

        September 24, 2015

        good news !

  11. Caleb says:

    September 24, 2015

    Excited for syntax help for the –experimentalAsyncFunctions flag. Hopefully coming up in the next EAP release as well?

    • Ekaterina Prigara says:

      September 24, 2015

      Async/await syntax for JavaScript is already supported and will be supported in TypeScript as well in the next EAP build. Stay tuned!