Angular Control Panel
The new control panel is a great way to quickly access key Angular functionality directly from the source code editor. From viewing your project in a particular browser, to generating Angular building blocks like components, guards, and directives, the control panel puts everything you need to build an awesome Angular app in one central location. And if you want to customize it, just drag and drop to create the perfect control panel for your particular needs.
Download the latest Angular IDE to take advantage of this handy feature!
TypeScript 3.x Coding
Advanced editing support for TypeScript 3.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
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 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 servefrom the IDE
- Display of server build problems alongside the code
- Automatic detection of external
- 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.
Open an editor from the terminal
> ngide open src/app/foo.ts
Start an IDE for the current project
Install an Angular IDE for development
> ngide install path/to/ide
Angular Source Navigation
Quickly get to the code you are looking for! Intelligent open declaration commands allow jumping between TypeScript files. Press Ctrl+Click or F3 to go to the definition of a symbol. Press Ctrl and hover over a symbol to see a preview of the declaration. Use the in-editor breadcrumb bar to quickly navigate to other resources.
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!
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
Commands—Speed up everything from opening files to running builds
Debugger—Robust debugging for a plethora of languages and frameworks
Extensions—Support for a wide range of languages and frameworks
Navigation—Quickly jump to classes or symbols & hover to see declarations
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?
- > npm install -g angular-ide
- > ngide install ~/Development/angular-ide
- > ngide open Foo.ts
Sales questions? We are here for you!
Toll free: +1.888.914.6620
Technical questions? We’ve got answers!