Although you can write all your code in Devisto in the browser, there is another option. By installing our VS Code Extension, you can open any Devisto project in VS Code. All the resources (views, Livewire components, CSS and JS) will be available in your editor, just like a local project. Every change you make to the files will instantly by synced to Devisto. And when you have the preview panel open, it will refresh when you make a change in VS Code.
1. Install The Extension
Go to the extension page and install the extension in your VS Code installation.
2. Set an API key
- Go to Devisto and click in the upper right corner on the account icon and choose API Tokens.
- Click Create Token. A message box will appear with the new token. Select the token and copy it.
- Go to VS Code, press
Cmd+Shift+Pto open the Command Palette and search for Devisto: Set API Key. Paste the API Key you copied in Devisto and press Enter.
3. Open Your Projects
There are 2 ways to open a project in VS Code:
- In VS Code, press
Cmd+Shift+Pto open the Command Palette and search for Devisto: Open Project. A list of your projects will be shown. Choose a project to open it.
- In Devisto, go to the admin panel of the project and press the VS Code icon in the upper right corner. The first time, you will have to give permission to execute the link.