Skip to main content
  • Log in
  • Manage Cookies
Eclipse Plugins, Bundles and Products - Eclipse Marketplace
  • My Marketplace
  • Add Content
  • More
      • Community

      • Marketplace
      • Events
      • Planet Eclipse
      • Newsletter
      • Videos
      • Blogs
      • Participate

      • Report a Bug
      • Forums
      • Mailing Lists
      • Wiki
      • IRC
      • Research
      • Eclipse IDE

      • Download
      • Learn More
      • Documentation
      • Getting Started / Support
      • How to Contribute
      • IDE and Tools
      • Newcomer Forum
    • Search

  1. Home
  2. Marketplace
  3. Tools
  4. Angular Development Tool For Eclipse

Angular Development Tool For Eclipse

Angular Development Tool For Eclipse
21
6
Install

Drag to Install!

Drag to your running Eclipse* workspace.
*Requires Eclipse Marketplace Client

Add this URL to your Eclipse Installation to reach this solution's update site.

2021-12 (4.22)
2021-09 (4.21)
2021-06 (4.20)
2021-03 (4.19)
2020-12 (4.18)
2020-09 (4.17)
2020-06 (4.16)
2020-03 (4.15)
2019-12 (4.14)
2019-09 (4.13)
2019-06 (4.12)
2019-03 (4.11)
2018-12 (4.10)
2018-09 (4.9)
Photon (4.8)
Oxygen (4.7)
2022-03 (4.23)
2022-06 (4.24)
2022-09 (4.25)
2022-12 (4.26)
2023-03 (4.27)
2023-06 (4.28)
2023-09 (4.29)

https://austin-fu.github.io/AngularDevToolUpdateSite/

Learn more...

Screenshot 0

Screenshot 1

Screenshot 2

Screenshot 3

Details Group Tabs

Details

A light-weighted, ready-to-use Angular Development Tool.  The revolutionary Angular Template Html Editor allows you to visually view, edit and inspect your Angular Component Template

  • What's included?
  1. TypeScript and Angular Micro Syntax Language syntax parser generated from grammar files written in ANTLR
  2. A TypeScript Editor that supports real-time syntax parsing and coloring, code folding/expanding, auto completion proposals, hyperlink and navigation, syntax and semantic problem detecting and quick fix proposal, element renaming, source code formatting
  3. Two-page Angular Template Html Editor * -  "Source" page is a wrapper of Eclipse WTP html editor so you can edit source code directly. "Design" page comes with a flyout components palette. It provides a  design view of component template. What you see here will be what you'll get at runtime. Working together with Comopnent Palette, Outline View, Property View and Component Inspector view, you can interact with and manupinate the template design view and Angular Component.
  4. Extensions to Eclipse WTP html editor for Angular templates editing - auto completion proposals, hyperlink and navigation, syntax and semantic problem detecting
  5. A View to show all references of element selected in TypeScript Editor
  6. TypeScript code structure Outline Page
  7. Internal model manager to maintain integrity of TypeScript and Angular model, dependencies and relations between elements and modules
  • Installation requirements:
  1. Eclipse Version and Plugins required  :  Eclipse version should not matter but must be installed with JDT (Eclipse Java development tools) and Eclipse  Web Developer Tools (from Eclipse WTP project)
  2. Memory  :  It’s strongly recommended that “-Xmx” option in “eclipse.ini” file is configured to no less than 1536 M "-Xmx1536m"
  3. Angular CLI, TypeScript compiler and npm
  4. This plugin is designed to work together with Angular CLI, TypeScript compiler and NodeJs npm. Make sure you have npm installed first and then use npm to install & maintain Angular CLI and TypeScript compiler
  • How to start
  1. Have an Angular project in your Eclipse workspace or create a new one.
  2. Open any TypeScript source file with  the TypeScript editor called "ADT TsEditor" or open Angular Template with "Angular Template Html Editor"
Categories:
  • IDE
Tags:
  • Angular,
  • TypeScript,
  • component,
  • template
Additional Details
Eclipse Versions: 
2021-12 (4.22), 2021-09 (4.21), 2021-06 (4.20), 2021-03 (4.19), 2020-12 (4.18), 2020-09 (4.17), 2020-06 (4.16), 2020-03 (4.15), 2019-12 (4.14), 2019-09 (4.13), 2019-06 (4.12), 2019-03 (4.11), 2018-12 (4.10), 2018-09 (4.9), Photon (4.8), Oxygen (4.7), 2022-03 (4.23), 2022-06 (4.24), 2022-09 (4.25), 2022-12 (4.26), 2023-03 (4.27), 2023-06 (4.28), 2023-09 (4.29)
Platform Support: 
Windows, Mac, Linux/GTK
Organization Name: 
Austin Fu
Development Status: 
Beta
Date Created: 
Mon, 2019-06-03 15:04
License: 
EPL
Date Updated: 
Fri, 2023-07-14 10:13
Submitted by: 
Austin Fu
Screenshots
Screenshot 0
Screenshot 1
Screenshot 2
Screenshot 3
Metrics
DateRankingInstallsClickthroughs
September 2023140/658237 (0.09%)10
August 2023131/673270 (0.09%)10
July 2023121/669292 (0.1%)8
June 2023126/670320 (0.1%)9
May 2023125/672323 (0.1%)8
April 2023121/668344 (0.11%)10
March 2023127/688388 (0.1%)9
February 202398/668458 (0.14%)19
January 202396/677489 (0.14%)13
December 2022126/805347 (0.1%)10
November 2022151/808295 (0.08%)9
October 2022156/811269 (0.07%)13
View Data for all Listings
Errors

Unsuccessful Installs in the last 7 Days: 1

CountError Message
1操作を続行できません。 別のインストール操作が進行中です。
Download last 500 errors (CSV)
External Install Button

Marketplace Drag to Install button

By adding the following code below to your website you will be able to add an install button for Angular Development Tool For Eclipse.

HTML Code:


Markdown Syntax:



Output: Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client
Thursday, September 28, 2023 - 10:56

Reviews Sign in to post reviews

jmarti's picture

"I saw that option. And i

Submitted by Hans Müller on Mon, 2020-11-30 08:17

"I saw that option. And i disabled it. After that, i have to manually delete the still existing ".design" directory - right? Or should it be deletey automatically? If yes, that doesn't work."

After manual deletion, the .design folder will be created again also if that option is disabled:

h t t p s : / / i . i b b . c o / q n h 8 Y h Q / a d f s . j p g

(how can i add images here? No option in toolbar and links are also not allowed...)

So why and how to solve?

 

Thank you very much for your feedback.

With best regards from Switzerland,

Jan

austinfu's picture

Re: "I saw that option. And i

Submitted by Austin Fu on Tue, 2020-12-01 16:33

You're right, Jan...  ".design" folder is re-created due to a code defect. I just fixed the defect and the latest version of plugin on Eclipse market place is 1.0.5.3.  Please update your installed plugin via Eclipse market place.

I also don't understand why ".design" folder makes trouble with your Git. As I know, it's easy to exclude any folder or files from Git.

jmarti's picture

"husky - npm run -s prepush" / "All files pass linting."

Submitted by Hans Müller on Thu, 2020-11-19 04:04

Hi!

After in installed your Angular Dev Plugin on the most current version of Eclise PHP ("Eclipse PDT"), a folder called `.design` was created in project root.

And now that folder causes an issue on GIT push operation, but not on GIT commit:

i.ibb.co/ysR8cxy/tzju.jpg

Maybe that's in relation with your plugin? I NEVER had that before, i also never used Eclipse for an Angular project - maybe you can help. (?)

Thank you for your feedback.

 

With best regards,
Jan

austinfu's picture

Re: "husky - npm run -s prepush" / "All files pass linting."

Submitted by Austin Fu on Thu, 2020-11-19 08:40

".design" folder is used by the "design" page of HTML template editor provided by the plugin.  If this folder made trouble for you,  you can disable this "design" feature and then delete the folder. I cannot paste a screen shot here but steps to disable "design" feature are straight-forward:

1. Select the project in your Eclipse workspace

2. Right click mouse and choose "Properties" menu

3. Choose "Angular Template Design Editor"

4. Uncheck the "Enable design page" checkbox

 

 

jmarti's picture

Re: Re: "husky - npm run -s prepush" / "All files pass linting."

Submitted by Hans Müller on Fri, 2020-11-20 10:46

...i was not able to delete it in eclipse - even not outside eclipse after closing it.

after a system restart, i was able.

Maybe some space for improvements?

 

Regards, Jan

jmarti's picture

Re: Re: "husky - npm run -s prepush" / "All files pass linting."

Submitted by Hans Müller on Fri, 2020-11-20 08:44

Hi

Thank you very much for your nice angular plugin and the fast feedback! :-)

I saw that option. And i disabled it. After that, i have to manually delete the still existing ".design" directory - right? Or should it be deletey automatically? If yes, that doesn't work.

With best regards from Switzerland,

Jan

Markets

  • Eclipse Project (4)
  • Tools (1342)
    • Application Development Frameworks (171)
    • Application Management (32)
    • Application Server (31)
    • BIRT (10)
    • Build and Deploy (104)
    • Business Intelligence, Reporting and Charting (14)
    • Code Management (117)
    • Collaboration (37)
    • Database (44)
    • Database Development (34)
    • Database Persistence (17)
    • Documentation (60)
    • Eclipse Kura (122)
    • Eclipse SmartHome (46)
    • EclipseRT Target Platform Components (10)
    • Editor (339)
    • Entertainment (14)
    • General Purpose Tools (124)
    • Graphics (34)
    • IDE (344)
    • Internet of Things (IoT) (35)
    • J2EE Development Platform (44)
    • J2ME (5)
    • Languages (155)
    • Linux Tools (19)
    • Logging (22)
    • Mobile and Device Development (49)
    • Modeling (90)
    • Modeling Tools (146)
    • Mylyn Connectors (20)
    • Network (14)
    • Other (74)
    • Process (18)
    • Profiling (22)
    • Programming Languages (100)
    • Reporting (32)
    • Rich Client Applications (39)
    • Science (4)
    • SCM (20)
    • Search (42)
    • SOA Development (15)
    • Source Code Analyzer (99)
    • Systems Development (59)
    • Team Development (54)
    • Testing (90)
    • Tools (568)
    • UI (97)
    • UML (40)
    • Web (90)
    • Web Services (31)
    • Web, XML, Java EE and OSGi Enterprise Development (32)
    • XML (29)
  • IoT (172)
    • Eclipse Kura (122)
    • Eclipse SmartHome (46)
  • RCP Applications (79)
  • Training & Consulting (53)
  • Long Term Support (11)

Search

Advanced Search

More like this

  • TypeScript:: CodeMix
  • MyEclipse
  • Enide.p2f- Eclipse Node.js IDE
  • Angular IDE
  • CodeMix 3

Favorited by

Eclipse Foundation

  • About Us
  • Contact Us
  • Sponsor
  • Members
  • Governance
  • Code of Conduct
  • Logo and Artwork
  • Board of Directors
  • Careers

Legal

  • Publishing Guidelines
  • Privacy Policy
  • Terms of Use
  • Copyright Agent
  • Eclipse Public License
  • Legal Resources

Useful Links

  • Welcome to Marketplace
  • Report a Bug
  • Documentation
  • How to Contribute
  • Mailing Lists
  • Forums
  • Marketplace

Other

  • IDE and Tools
  • Projects
  • Working Groups
  • Research@Eclipse
  • Report a Vulnerability
  • Service Status

Copyright © Eclipse Foundation. All Rights Reserved.

Back to the top