{"repo":"Villy-P/VSCode-Webview-Extension-Svelte","free":true,"listed":false,"github":"https://github.com/Villy-P/VSCode-Webview-Extension-Svelte","clone":"git clone https://github.com/Villy-P/VSCode-Webview-Extension-Svelte.git","description":"Boilerplate Template to quickly make a Visual Studio Code Webview Extension using Svelte 5 and Rollup","language":"JavaScript","stars":41,"topics":["rollup","svelte","template","template-project","vscode","vscode-api","vscode-extension","boilerplate","boilerplate-template","svelte5"],"license":"MIT","category":"saas-starters-boilerplates","readme_excerpt":"VSCode-Webview-Extension-Svelte A template repository to quickly make a Visual Studio Code Webview Extension using Svelte 5 and Rollup This repo gives you everything you need to start making your own webview extensions using the power and reactivity of Svelte. It automatically comes with everything you need, from components to CSS. Startup You can create a template repository by running npx vscode-webview-extension-svelte-generator folder-name in your terminal. After you create your repo, follow the install steps to get started. To run your extension, you can run npm run compile to begin compiling the frontend and backend, and press F5 to start the Extension enviroment. You can find the extension by pressing Ctrl-Shift-P and navigating to Hello World . When you do make a change on the front or backend, use Ctrl-R on your Extension Environment to see the changes. You can also close the webview page and reopen it using Ctrl-Shift-P . After that, you are good to go! Read the Directory Composition section to see where to find which files. Read the Examples section to see examples of what to do. Directory Composition Front End This is your webview itself and all files pertaining to it: File / Folder Use ----------------- ------------------------------------------- src/main.ts The base file for your Svelte Webview src/App.svelte This is your webview page src/css/ This folder holds all your CSS src/components/ You can put all your Svelte components here You can put ts files that you","default_branch":null,"files":null,"tree":[],"storefront":"/r/Villy-P","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/Villy-P/VSCode-Webview-Extension-Svelte/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}