Angular & TypeScript
Yes, Angular v5 is finally here, and we’ve made sure you’re ready to hit the ground running with this version whenever you choose.
If you select version 1.5.0 of the CLI during project creation, an Angular 5 project will be created, and thanks to our support for Angular 5 language services, you will continue to get the entire range of our Angular support, from content assist and validation, to being able to serve and debug applications with ease.
The Angular 5 release has brought with it dozens of changes, several in the performance space. For example, the build optimer is on by default for production builds, resulting in smaller bundles. The Angular compiler has improved support for incremental compilation, along with an integration of a new version of Webpack, which has performance improvements too. An ahead-of-time (AOT) compiler is also available, though that’s currently not on by default.
Another thing to watch out for is that a number of properties deprecated in version 4 have now been removed, so these will show up as errors in your source. At the same time, new elements introduced in Angular 5 will be listed in your content assist proposals and will be correctly validated. For more details on what’s new with Angular v5, please read this article.
While Angular v5 doesn’t necessarily need TypeScript 2.5, we’ve added support for this version too. You have access to a few new quick fixes and a compiler which will do a better job with handling multiple resolutions of the same file. For more details, please read this article.
We have also added validation for the tsconfig.json file – invalid configurations will now be detected as errors and will show up in the editor and Problems view.
Thanks to great feedback from our users, we’ve made several improvements to DevStyle, and it is now out of preview! While it was an opt-in feature for CI 8, with 2017 CI 9, it is now enabled for everyone. If you didn’t opt-in to DevStyle in CI 8, read on to learn more.
DevStyle continues down the path we set down with Darkest Dark – it includes an enhanced startup experience, awesome themes, and enhanced functionality within the IDE. If you love the brawn of Eclipse, but are underwhelmed with its beauty and usability, get ready to see it in a completely new light, with DevStyle.
Tired of seeing the same old “Choose your Workspace” dialog when you fire up Eclipse? Or having a hard time finding the files or a workspace you were working on recently? Use the enhanced startup experience to easily start new projects, jump back into the action in old ones or easily open one of your many workspaces.
Tip: Don’t enjoy the new startup UI? You can turn it off via a simple link at the bottom of the Launch page. You could also go to Window > Preferences > DevStyle and uncheck the “Use the Startup Experience” checkbox.
Quick Start Wizards
Want to get started developing an Angular, or a Node web services application – maybe even a simple HTML Boilerplate based app? Get a jump-start with our wizards, right from the enhanced startup experience.
See this document for more details on the enhanced startup experience.
Make your workbench a work of art. DevStyle allows you to define a theme that’s uniquely you! What is your idea of the perfect theme? Light and bright? Dark with pops of color? Fine tune your workbench, even down to specific hues and custom icons that speak to you.
If you didn’t catch it already – yes, we now have awesome looking light themes too!
Tip: Darkest Dark theme settings in the Preference dialog have been moved from General > Appearance > Darkest Dark to DevStyle > Color Themes.
Find the modal search dialog cumbersome? We’ve replaced this with a very capable inline search – we’re sure you’ll find it far more efficient, and unintrusive, it won’t interrupt your workflow.
Tip: Press Ctrl + F twice to bring up the regular search dialog. You can disable the Inline Search on the Window > Preferences > DevStyle preference page.
With the breadcrumb toolbar, you can easily navigate between groups of related resources, great when exploring a large new project, or working with one of your own. View the “crumb trail” that led to the current file and then click any segment in the trail to explore and navigate.
For more on DevStyle, head on over to our documentation, or watch our introductory video.