The latest articles on DEV Community by Sebastian (@sjm). https://dev.to/sjm https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4664%2Fd470337e-205f-439a-87d3-00bf3ebd1788.jpg https://dev.to/sjm en Sebastian Sun, 22 Jan 2023 11:48:56 +0000 https://dev.to/sjm/using-panics-novaapp-for-elixir-and-phoenix-development-1pfm https://dev.to/sjm/using-panics-novaapp-for-elixir-and-phoenix-development-1pfm <h2> Hello everyone, </h2> <p>a few weeks a go i started to learn <a href="https://elixir-lang.org" rel="noopener noreferrer">Elixir</a> and <a href="https://phoenixframework.org" rel="noopener noreferrer">Phoenix Framework</a>.</p> <p>At that time i was also experimenting with Panic's <a href="https://nova.app" rel="noopener noreferrer">Nova.app</a> and thought, "well, let's give this a try, even this Techstack is sadly not handled as a first citizen".</p> <p>I am still using <em>The native Mac code editor<br> that's fast and amazing</em> but your dev life is better with some extensions.</p> <h3> You want to use at least those two Elixir extensions </h3> <ul> <li><a href="https://extensions.panic.com/extensions/rustypatchedsoftware/rustypatchedsoftware.Elixir/" rel="noopener noreferrer">Nova Elixir</a></li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fteumjl7c4k016iz81y8g.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fteumjl7c4k016iz81y8g.png" alt="The Nova Elixir extension" width="800" height="559"></a></p> <ul> <li><a href="https://extensions.panic.com/extensions/raulchedrese/raulchedrese.elixir-ls/" rel="noopener noreferrer">Elixir LS</a></li> </ul> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flyzmfpx6z3lbnzo5bpp4.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flyzmfpx6z3lbnzo5bpp4.png" alt="The Nova Elixir Language Server extension" width="800" height="605"></a></p> <p>You can install these extensions via the Extension menu, or via the Shortcut <code>Shift+Apple+2</code> and use the Searchbar to find the extension.</p> <h3> One last tip! </h3> <p>If you work with <code>.heex</code> templates, change the syntax to <code>HTML (HEEx)</code> for proper syntax highlighting. And you also get TailwindCSS support as bonus, if you have the Extension installed.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F142jqeqo1276fkuqmwkh.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F142jqeqo1276fkuqmwkh.png" alt="Choose raw `.heex` endraw for syntax highlighting" width="800" height="728"></a></p> <p>Thanks for reading!</p>