https://github.com/bmeurer/automatic-workspace-folders-vanilla
Vite Vanilla TypeScript demo project for the Automatic Workspace Folders feature in Chrome DevTools.
https://github.com/bmeurer/automatic-workspace-folders-vanilla
Last synced: about 1 year ago
JSON representation
Vite Vanilla TypeScript demo project for the Automatic Workspace Folders feature in Chrome DevTools.
- Host: GitHub
- URL: https://github.com/bmeurer/automatic-workspace-folders-vanilla
- Owner: bmeurer
- License: mit
- Created: 2025-04-08T09:13:16.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-08T09:21:13.000Z (about 1 year ago)
- Last Synced: 2025-04-08T10:27:07.683Z (about 1 year ago)
- Language: CSS
- Homepage:
- Size: 11.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Vite Vanilla example for Automatic Workspace Folders
This is a trivial Vanilla TypeScript project to illustrate the use of the
[vite-plugin-devtools-json](npmjs.com/package/vite-plugin-devtools-json)
plugin for [Vite](http://vite.dev). Checkout the [documentation] on how to
set up Google Chrome (Canary) to enable the feature. Follow the steps below
to try it out.
## Installation
Checkout and setup the example via:
```
git clone http://github.com/bmeurer/automatic-workspace-folders-vanilla
cd automatic-workspace-folders-vanilla
npm install
npm run dev
```
Afterwards open [http://localhost:5173/](http://localhost:5173/) in your Google
Chrome (Canary), open DevTools, and reveal the Workspace tab in the Sources
panel. If you set up everything correctly, you'll see an folder row labeled
`automatic-workspace-folders-vanilla` with a _Connect_ button next to it. Once
you've clicked _Connect_, Chrome will ask you to grant permission to the folder
via a browser permission prompt. You need to click _Allow_ here.
If everything went well, you'll now be able to use the project folder as part of
your Workspace and edit files from your project directly within DevTools, and
also persist changes that you made during debugging to your project source.
[documentation]: http://goo.gle/devtools-automatic-workspace-folders