Skip to content

Commit be6af35

Browse files
committed
Update README
1 parent 21957ec commit be6af35

File tree

1 file changed

+17
-8
lines changed

1 file changed

+17
-8
lines changed

README.md

Lines changed: 17 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,8 @@
44
Install from the [Firefox addon page](https://addons.mozilla.org/en-US/firefox/addon/svelte-devtools/) or the
55
[Chrome addon page](https://chrome.google.com/webstore/detail/svelte-devtools/ckolcbmkjpjmangdbmnkpjigpkddpogn)
66

7+
**Svelte devtools is actively maintained. If you have any problems or feature requests feel free to create an issue.**
8+
79
Svelte Devtools is a Firefox and Chrome extension for the Svelte javascript framework. It allows you to inspect the Svelte state and component hierarchies in the Developer Tools.
810

911
After installing you will see a new tab in Developer Tools. This tab displays a tree of Svelte components, HTMLx blocks, and DOM elements that were rendered on the page. By selecting one of the nodes in the tree, you can inspect and edit its current state in the panel to the right.
@@ -34,7 +36,9 @@ export default {
3436
},
3537
plugins: [
3638
svelte({
37-
dev: true
39+
compilerOptions: {
40+
dev: true
41+
}
3842
})
3943
]
4044
}
@@ -65,26 +69,31 @@ Below is the relevant snipet from a `webpack.config.js` with `dev: true` set.
6569

6670
## Build from source
6771

68-
### Building
72+
### Firefox
6973

7074
Clone this repository and run the package script.
7175
```
7276
git clone https://github.com/RedHatter/svelte-devtools.git
7377
cd svelte-devtools
7478
npm install
75-
npm run package
79+
npm run package:firefox
7680
```
7781
This should build the codebase and output a zip file under `web-ext-artifacts`.
7882

79-
### Installing
80-
81-
#### Firefox
82-
8383
Unsigned addons can't be install in firefox permanently but addons can be installed temporarily.
8484
1. Navigate to `about:debugging`.
8585
2. Click "Load Temporary Add-on" and choose the generated zip file.
8686

87-
#### Chrome
87+
### Chrome
88+
89+
Clone this repository and run the package script.
90+
```
91+
git clone https://github.com/RedHatter/svelte-devtools.git
92+
cd svelte-devtools
93+
npm install
94+
npm run package:chrome
95+
```
96+
This should build the codebase and output a zip file under `web-ext-artifacts`.
8897

8998
1. Navigate to `chrome://extensions/`.
9099
2. Turn on developer mode using the 'Developer mode' switch in the upper right hand corner of the page.

0 commit comments

Comments
 (0)