I'm used to have a visual (WYSIWYG) view of websites with Dreamweaver where I could click on any HTML element (e.g. field) and just switch to code view to land at the according HTML code location in just a second. That was just awesome! Now, that I am forced to work with Angular, I am just lost in code and wondering if there is any easy way to quickly identify the code location for any specific (rendered) html element?

I'm not familiar with Angular [I'm not a coder], but I'd imagine there must be some way to preview the code in a browser that would let you then switch to a code view, or to annotate the code as you go to quickly identify the different elements later..? I also found this reference on the Angular website to a WYSIWYG IDE: https://angular.io/resources?category=development Amexio Canvas Web Based Drag and Drop IDE by MetaMagic Amexio Canvas is Drag and Drop Environment to create Fully Responsive Web and Smart Device HTML5/Angular Apps. Code will be auto generated and hot deployed by the Canvas for live testing. Out of the box 50+ Material Design Theme support. Commit your code to GitHub public or private repository. Maybe this would be of some use..?