Create APEX Plugins with VSCode + Live Server

If you love creating plugins with APEX + VSCode, instead of uploading static file after static file just install Live Server Extension like this.

Once its installed, open your plugin development folder and you'll now see a Go live button in the bottom right corner

Click it to Go Live - this will open your browser like so...

If, like me, your code is in a sub-folder, click it. I'm going to click Server

Now copy the URL in to your clipboard. In my case its 127.0.0.1:5500/Server (don't forget the trailing slash)

Now in APEX, navigate to your plugin in Shared Components. In the File Prefix section, jsut paste in the URL like so...

And there we go... Live Server is serving up your JS and HTML files.

Now just refresh your browser every time you save a file in VSCode to see your changes.

Don't forget to remove the File Prefix when releasing your plugin.