Zero to PETAL hero on VS Code

Hallo!

I’m sure this topic has been discussed repeatedly and to no end. I did check through the forum but didn’t find anything in this vein.

I was wondering if one had to setup VS Code from scratch for a productive development environment for PETAL which extensions would be helpful or come close to the goal.
Plus configurations of them to interoperate with each other seemingly.

As we all know the stack below is what I’m referencing.

Phoenix
Elixir
Tailwind
Alpine
LiveView

Some extensions come to mind that I’m using.

Phoenix/Elixir

ElixirLS: Elixir support and debugger

EEx snippets

hex.pm IntelliSense

Phoenix Framework

Alpine

Alpine.js IntelliSense

Tailwind

Tailwind CSS IntelliSense

It would be quite cool to have a blueprint for a new dev to just get stuck into.
My personal setup definitely needs some work to keep that flow going.

Cheers,
Carl-Heinz

2 Likes

The TailwindCSS link redirects to the Alpine.js IntelliSense :wink:

1 Like

Thanks for sharing :slight_smile:

This is the correct link for Tailwind CSS IntelliSense - Visual Studio Marketplace

2 Likes

All fixed :smiley:

2 Likes