Angular IDE

Simple for beginners; powerful for experts.

  • Optimized for developers to make the most of the latest Angular
  • TypeScript 2.x validation and debugging
  • Advanced coding of HTML templates with validation and auto-complete
  • Integrated usage of the angular-cli for Angular best practices
  • Completely free for light usage

Download the IDE

Click this button to download Angular IDE and then run the installer. Any missing software, such as npm, is set up automatically.

Already have npm?

If you already use npm with node 6+, you have the option to use the following commands to install and use Angular IDE:
 
  • > npm install -g angular-ide
  • > ngide install ~/Development/angular-ide
  • > ngide open Foo.ts

Get the Eclipse plugin

Click this button to get the Angular IDE plugin from Eclipse Marketplace. Also included in our Webclipse plugin and MyEclipse 2017 full stack IDE.

TypeScript 2.x Coding

Advanced editing support for TypeScript 2.x by Angular IDE augments your development simply and effectively.

  • Real-time validation and display of errors as you type code
  • Auto-completion of code across your project
  • Syntax-aware source coloring and occurrence highlighting
  • Block and full-file formatting with advanced settings
  • Built first for tsconfig.json management
Head over to the learning center to learn more about TypeScript development in Angular IDE and how it can be tailored to your unique needs.

Angular HTML Template Intelligence

Angular development goes beyond TypeScript with HTML template development critical to any application. Angular IDE provides rich HTML template validation to keep coding moving.

  • Validation inside custom Angular attributes
  • Detection of misdefined Angular element tags
  • Auto-complete for HTML elements
  • Auto-complete for TypeScript expressions in templates
Take a moment to learn more about enhancements to your HTML coding with Angular IDE.

Angular-CLI Integration

Angular IDE builds on top of the angular-cli for servicing Angular applications and includes best-practices compliant generation of services, components and more.  An enhanced terminal ensures paths and environment are ready for rapid development.

  • Seamless launching of ng serve from the IDE
  • Display of server build problems alongside the code
  • Automatic detection of external ng serve invocations
  • Generate services and components from wizards
Why not learn more about the role of CLIs in the modern web?

An IDE with Command-Line Power

Angular development is centered on modern web development practices including extensive use of the CLI. Yes, Angular IDE is an IDE but it is built around the principles of CLI development, including an advanced Terminal that helps initialize paths and even download Node if needed.

Z

Open an editor from the terminal

> ngide open src/app/foo.ts
Z

Start an IDE for the current project

> ngide
Z

Install an Angular IDE for development

> ngide install path/to/ide

Angular Source Navigation

Intelligent open declaration commands allow jumping between TypeScript files, or even jumping to a referenced HTML or CSS file. Coupled together with the breadcrumb navigation above editors, developers can quickly get right to the bit of code needed.

The enhanced CodeLive flows even allow jumping to a corresponding component source right from within the browser the application is being rendered in.  Angular IDE is built for coders, whether the code is their own or from someone on the team!

TypeScript Debugging

Integrated support for debugging via an external Google Chrome browser provides a perfect match for smoothing out issues in Angular applications.
 

  • Set breakpoints within TypeScript code
  • View and explore variable values
  • Inject TypeScript code for evaluation
  • Integrated source map support for simple setup

Built on Webclipse

Angular IDE is built on top of Webclipse providing access to a plethora of other capabilities for Web development.
 

  • JSjet for JavaScript—Advanced JavaScript development
  • Emmet—Rapid coding via expanded snippets
  • CodeLive—Navigation to and exploration of code from the browser
  • Live Preview—Real-time relaying of HTML and CSS changes
  • DevStyle—Custom themes and an intuitive startup experience
  • Plus, integrated Git management and much more

Ready to dive in? Let’s get started!

Download the IDE

Click this button to download Angular IDE and then run the installer. Any missing software, such as npm, is set up automatically.

Already have npm?

If you already use npm with node 6+, you have the option to use the following commands to install and use Angular IDE:
 
  • > npm install -g angular-ide
  • > ngide install ~/Development/angular-ide
  • > ngide open Foo.ts

Get the Eclipse plugin

Click this button to get the Angular IDE plugin from Eclipse Marketplace. Also included in our Webclipse plugin and MyEclipse 2017 full stack IDE.

Sales questions? We are here for you!

Call us

Telephone: +1.214.614.8328
Toll free: +1.888.914.6620

Email

Send an email to info@genuitec.com and we’ll respond promptly.

Twitter

Got a quick question? Hit us up on Twitter at @Genuitec.

Technical questions?  We’ve got answers!

Learning Center

Visit our learning center for a variety of articles to help you master Angular IDE.

Support Forums

Our staff and community supported forums are a great way to get answers!