VSCode extension for previewing APL document https://marketplace.visualstudio.com/items?itemName=YoshiakiYamada.alexa-presentation-language-preview
What is it
This extension is for previewing the doument that is written by Amazon Presentation Language (APL).
This extension supports live preview updating. So you can edit and check APL easily.
How to use it
Generate new directive from template
Show preview of the APL directive file
Open APL document json file on the VSCode, then call
You can change viewport size by selecting viewport on the status bar.
APL Preview will refresh each time when you save json file. So if you want to debug
APL Document component tree
You can see
Local package import
This extension supports to import APL package from local directory.
If you don't know about APL package, please read this document at first. https://developer.amazon.com/en-US/docs/alexa/alexa-presentation-language/apl-package.html
You can import APL package from local directory by setting path to
This is the detail document of
Extension just read file contents and integrate to original APL json file. So it may not same as actual
You can see demo only in https://github.com/ysak-y/alexa-presentation-language-preview