dearwolf/aider
1
0
Fork 0
mirror of https://github.com/Aider-AI/aider.git synced 2025-06-01 02:05:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

copy

Browse source
This commit is contained in:
Paul Gauthier 2024-12-04 12:38:46 -08:00
parent 16bb40406a
commit b754757c94
3 changed files with 32 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
aider/website/assets/watch.jpg Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 204 KiB

BIN
aider/website/assets/watch.mp4 Normal file
View file

Binary file not shown.

45
aider/website/docs/usage/watch.md
View file

@ -8,14 +8,34 @@ description: Aider can run in your browser, not just on the command line.
# Aider in your IDE # Aider in your IDE
<video width="100%" controls> <div class="video-container">
<source src="/assets/videos/aider-watch-demo.mp4" type="video/mp4"> <video controls loop poster="/assets/watch.jpg">
Your browser does not support the video tag. <source src="/assets/watch.mp4" type="video/mp4">
</video> <a href="/assets/watch.mp4">Aider browser UI demo video</a>
</video>
</div>
If you run aider with `--watch-files`, <style>
it will watch all files in your repo for edits. If you edit a file and add comments with "AI instructions", aider will follow them. So you can put aider messages right into your source files, nearby the code they refer to. .video-container {
position: relative;
padding-bottom: 101.89%; /* 1080 / 1060 = 1.0189 */
height: 0;
overflow: hidden;
}
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
If you run aider with `--watch-files`, it will watch all files in your repo for
any instructions you add using your favorite IDE or text editor.
If you add code comments with "AI instructions", aider will follow them.
So you can put aider instructions right into your source files using your IDE.
Specifically, aider will react to one-liner comments (# ... or // ...) that either start or end with `AI` or `AI!`. Specifically, aider will react to one-liner comments (# ... or // ...) that either start or end with `AI` or `AI!`.
@ -24,7 +44,7 @@ Comments that use `AI!` with an exclamation point are special. They trigger aide
For example, if you included this AI comment in your code: For example, if you included this AI comment in your code:
```js ```js
function factorial(n) function factorial(n) {
// Implement this. AI! // Implement this. AI!
``` ```
@ -40,15 +60,14 @@ function factorial(n) {
} }
``` ```
This makes it easier to use aider from within your favorite editor or IDE. This makes it easier to use aider with your favorite editor or IDE.
See the demo video above of aider working with AI comments in VSCode. You can also [download the demo video directly](/assets/videos/aider-watch-demo.mp4). See the demo video above that shows aider working with AI comments in VSCode.
This capability is quite flexible and powerful once you get familiar with the various ways it can be used: This capability is quite flexible and powerful once you get familiar with the various ways it can be used:
- Just add #AI to a file to add it to the chat. - Add an AI comment in the function you want changed, explaining the change request in-context right where you want the changes:
- Add an AI comment in the function you want changed, explaining the change request in-context.
- `# Add error handling... AI!` - `# Add error handling... AI!`
- Drop multiple AI comments (in multiple files) before triggering aider with a final AI!: - Drop multiple AI comments (in multiple files) before triggering aider with a final `AI!`:
- `# AI: Refactor this function...` - `# AI: Refactor this function...`
- `# ... into a method here in this class. AI!` - `# ... into a method here in this class. AI!`
- Just add `#AI` to a file and aider will automatically add it to the chat session.