Введение

slopcode — это агент кодирования искусственного интеллекта с открытым исходным кодом. Он доступен в виде интерфейса на базе терминала, настольного приложения или расширения IDE.

slopcode TUI с темой slopcode

Давайте начнем.

Системные требования

Чтобы использовать slopcode в вашем терминале, вам понадобится:

Современный эмулятор терминала, например:
- WezTerm, кроссплатформенный
- Alacritty, кроссплатформенный
- Ghostty, Linux и macOS
- Kitty, Linux и macOS
Ключи API для поставщиков LLM, которых вы хотите использовать.

Установка

Самый простой способ установить slopcode — через сценарий установки.

curl -fsSL https://slopcode.dev/install | bash

Вы также можете установить его с помощью следующих команд:

Использование Node.js
- npm
- Bun
- pnpm
- Yarn
Terminal window
npm install -g slopcode
Terminal window
bun install -g slopcode
Terminal window
pnpm install -g slopcode
Terminal window
yarn global add slopcode
Использование Homebrew в macOS и Linux
Terminal window
```
brew install slopcode
```
Мы рекомендуем использовать tap slopcode для получения самых последних версий. Официальная формула brew install slopcode поддерживается командой Homebrew и обновляется реже.

Использование Paru в Arch Linux

sudo pacman -S slopcode           # Arch Linux (Stable)
paru -S slopcode-bin              # Arch Linux (Latest from AUR)

Windows

Используя Chocolatey
Terminal window
```
choco install slopcode
```
Использование Scoop
Terminal window
```
scoop install slopcode
```
Использование NPM
Terminal window
```
npm install -g slopcode
```
Использование Mise
Terminal window
```
mise use -g github:grappeggia/slopcode
```

Использование Docker

docker run -it --rm ghcr.io/grappeggia/slopcode

В настоящее время добавляется поддержка установки slopcode в Windows с помощью Bun.

Вы также можете получить двоичный файл из файла Releases.

Настроить

С slopcode вы можете использовать любого поставщика LLM, настроив его ключи API.

Если вы новичок в использовании поставщиков LLM, мы рекомендуем использовать SlopCode Zen. Это тщательно подобранный список моделей, протестированных и проверенных slopcode. команда.

Запустите команду /connect в TUI, выберите slopcode и перейдите по адресу slopcode.dev/auth.
```
/connect
```
Войдите в систему, добавьте свои платежные данные и скопируйте ключ API.
Вставьте свой ключ API.
```
┌ API key
│
│
└ enter
```

Альтернативно вы можете выбрать одного из других поставщиков. Подробнее.

Инициализация

Теперь, когда вы настроили поставщика, вы можете перейти к проекту, который над которым вы хотите работать.

cd /path/to/project

И запустите slopcode.

slopcode

Затем инициализируйте slopcode для проекта, выполнив следующую команду.

/init

Это позволит slopcode проанализировать ваш проект и создать файл AGENTS.md в корень проекта.

Это помогает slopcode понять структуру проекта и шаблоны кодирования. использовал.

Использование

Теперь вы готовы использовать slopcode для работы над своим проектом. Не стесняйтесь спрашивать о чем угодно!

Если вы новичок в использовании агента кодирования ИИ, вот несколько примеров, которые могут вам помочь. помощь.

Задавайте вопросы

Вы можете попросить slopcode объяснить вам кодовую базу.

How is authentication handled in @packages/functions/src/api/index.ts

Это полезно, если есть часть кодовой базы, над которой вы не работали.

Добавление функций

Вы можете попросить slopcode добавить новые функции в ваш проект. Хотя мы сначала рекомендуем попросить его создать план.

Составьте план

slopcode имеет режим планирования, который отключает возможность вносить изменения и вместо этого предложите как реализовать эту функцию.

Переключитесь на него с помощью клавиши Tab. Вы увидите индикатор этого в правом нижнем углу.
```
<TAB>
```
Теперь давайте опишем, что мы хотим от него.
```
When a user deletes a note, we'd like to flag it as deleted in the database.
Then create a screen that shows all the recently deleted notes.
From this screen, the user can undelete a note or permanently delete it.
```
Вы хотите предоставить slopcode достаточно подробностей, чтобы понять, чего вы хотите. Это помогает поговорить с ним так, как будто вы разговариваете с младшим разработчиком в своей команде.

Дайте slopcode много контекста и примеров, чтобы помочь ему понять, что вы хотеть.
Итерация плана

Как только он предоставит вам план, вы можете оставить ему отзыв или добавить более подробную информацию.
```
We'd like to design this new screen using a design I've used before.
[Image #1] Take a look at this image and use it as a reference.
```
Перетащите изображения в терминал, чтобы добавить их в подсказку.

slopcode может сканировать любые изображения, которые вы ему предоставляете, и добавлять их в командную строку. Ты можешь сделайте это, перетащив изображение в терминал.
Создайте функцию

Как только вы почувствуете себя комфортно с планом, вернитесь в режим сборки, снова нажав клавишу Tab.
```
<TAB>
```
И попросить его внести изменения.
```
Sounds good! Go ahead and make the changes.
```

Внесение изменений

Для более простых изменений вы можете попросить slopcode создать его напрямую. без необходимости предварительного рассмотрения плана.

We need to add authentication to the /settings route. Take a look at how this is
handled in the /notes route in @packages/functions/src/notes.ts and implement
the same logic in @packages/functions/src/settings.ts

Вы хотите убедиться, что вы предоставляете достаточно деталей, чтобы slopcode сделал правильный выбор. изменения.

Отмена изменений

Допустим, вы просите slopcode внести некоторые изменения.

Can you refactor the function in @packages/functions/src/api/index.ts?

Но ты понимаешь, что это не то, чего ты хотел. Вы можете отменить изменения с помощью команды /undo.

/undo

slopcode теперь отменит внесенные вами изменения и покажет исходное сообщение. снова.

Can you refactor the function in @packages/functions/src/api/index.ts?

Отсюда вы можете настроить подсказку и попросить slopcode повторить попытку.

Или вы можете повторить изменения с помощью команды /redo.

/redo

Общий доступ

Разговоры, которые вы ведете с slopcode, можно поделиться с вашим команда.

/share

Это создаст ссылку на текущий разговор и скопирует ее в буфер обмена.

Вот пример диалога с slopcode.

Настроить

И все! Теперь вы профессионал в использовании slopcode.

Чтобы создать свою собственную, мы рекомендуем выбрать тему, настроить привязки клавиш, настроить средства форматирования кода, создать собственные команды или поиграться с файлом slopcode config.