How can I get atom.io's "Go to Declaration" to really do that?

html css atom-editor
B. Clay Shannon picture B. Clay Shannon · Aug 18, 2015 · Viewed 32.1k times · Source

In atom.io, if I right click in "wrappedlabel" here:

<label class="wrappedlabel">"Be Kind to Animammals - Kiss a Duckbilled Platypus Today"</label>

...it teases me with "Go to Declaration"

Clicking does not take me to that class in the .css file in the project.

Is there a way to get this to actually work? If so, it would be an even sweeter suite. Having it tell me "Go to Declaration" and then leaving me hanging is better than telling me to "go to" [somewhere else], but still...

Answer

Richard Dev picture Richard Dev · Aug 19, 2015

"Go to declaration" works with symbols used in your project.

The feature requires ctags which need to be generated per project. This can be achieved with the command line or with an atom plugin (https://atom.io/packages/symbol-gen) .

You can follow this issue on github for further details

Related questions

How to horizontally center a <div>

How can I horizontally center a <div> within another <div> using CSS? <div id="outer"> <div id="inner">Foo foo</div> </div>

Read More
How do I vertically center text with CSS?

I have a <div> element which contains text and I want to align the contents of this <div> vertically center. Here is my <div> style: #box { height: 170px; width: 270px; background: #000; font-size: 48px; color: #…

Read More
How to align a <div> to the middle (horizontally/width) of the page

I have a div tag with width set to 800 pixels. When the browser width is greater than 800 pixels, it shouldn't stretch the div, but it should bring it to the middle of the page.

Read More