Beautifier/formatter?

[bixfrankonis]

Not sure what I'm failing to do, but I can't seem to get any of the beautifiers/formatters I see in Packages to… do anything. (I only need to cover HTML, CSS, and JavaScript.) I only just installed Pulsar yesterday, to replace the increasingly ludicrous and bloated Phoenix Code, so it is entirely possible I am just missing something. Hints, guidance, suggestions welcome. Thanks.

[savetheclocktower]

A couple paths to try:

• pulsar-code-format knows how to format code and can be configured to auto-format on save. You can install pulsar-ide-html and pulsar-ide-css; both of those will give you simple code formatting for their respective languages that can be configured to some extent in the package settings. (Not sure how the HTML formatter will do with style or script tags, though.) pulsar-ide-typescript can also do code formatting of JavaScript and TypeScript, I think even if you don't have a jsconfig.json or tsconfig.json in your project. (It's on my to-do list to make a package that integrates prettier with pulsar-code-format, but I haven't done it yet.)
• If you use prettier for JavaScript, you can use prettier-plus or prettier-atom. (Start with the first one; it's actively maintained.)
• Ages ago I used to have atom-beautify installed, but I don't remember ever using it.
• formatter plus atom-formatter-jsbeautify might still work despite being unmaintained.

If any of these works well for you, let us know what you picked!

[bixfrankonis]

Ah, yeah, ok, that first answer seems to be working (although I'm having trouble getting newline settings in CSS to behave, but that's minor at the moment). Thanks.

[confused-Techie]

@savetheclocktower Has the right answer here, but as for the ones that don't work, if you don't mind dropping their names so we could try looking into a bit more that'd be fantastic!

Also welcome to using Pulsar! Love that you're giving it a try