https://github.com/m5x5/quick-edits
Edit elements quicker in the browser and find them easier in your code.
https://github.com/m5x5/quick-edits
chrome-extension code-search devtools frontend tailwindcss
Last synced: 2 months ago
JSON representation
Edit elements quicker in the browser and find them easier in your code.
- Host: GitHub
- URL: https://github.com/m5x5/quick-edits
- Owner: m5x5
- License: gpl-2.0
- Created: 2024-06-16T21:51:05.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2024-09-14T12:46:49.000Z (9 months ago)
- Last Synced: 2024-10-12T05:47:00.855Z (8 months ago)
- Topics: chrome-extension, code-search, devtools, frontend, tailwindcss
- Language: TypeScript
- Homepage: https://quick-edits-extension.vercel.app/
- Size: 29.1 MB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Quick Edits 🚀
Quickly locates the code you need to edit. Optimizes the frontend development workflow.
## Usage
### Popup
Provides a quick way to test TailwindCSS classes and jump to the code you need to edit.
### Extension Settings
Offers a few settings to configure the project code folder that includes the code you want to search through and an editor select box.
## Installation
### Quick Install 🚀
Follow the [docs](https://quick-edits-extension.vercel.app/docs) to follow the quick install guide.
### Manual Installation
If you're on MacOS simply start the new ./start.sh command and it'll attempt to configure it for you. Otherwise continue with this installation.
#### Chrome Extension
Install and build Chrome Extension.
```bash
cd browser-extension
npm install --legacy-peer-deps
npm run build
```
This project is tested with BrowserStack.
#### Native Code Search Module
```bash
cd native-module
go install
go build
```
##### MacOS Config
```bash
cd /Library/Google/Chrome/NativeMessagingHosts
sudo touch com.my_company.my_application.json
```
Add this as content of `com.my_company.my_application.json`
```json
{
"name": "com.my_company.my_application",
"description": "Quick Edits",
"path": "/absolute/path/to/built/go/module/m",
"type": "stdio",
"allowed_origins": ["chrome-extension://yourchromeextensionid/"]
}
```