Skip to content
SlopCode

Wstęp

slopcode to agent kodujący AI typu open source. Jest dostępny jako interfejs terminalowy, aplikacja desktopowa i rozszerzenie IDE.

slopcode TUI z motywem slopcode

Zacznijmy.

Warunki wstępne

Aby uzyskać dostęp do slopcode w swoim terminalu, będziesz potrzebować:

  1. Nowoczesny emulator terminala, taki jak:

  2. Klucze API dla dostawców LLM, z których korzystasz.

Instalacja

Najłatwiej zainstalować slopcode za pomocą skryptu instalacyjnego.

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

Możesz też użyć poniższych metod instalacji:

  • Przy użyciu Node.js

    Terminal window
    npm install -g slopcode

  • Korzystanie z Homebrew na macOS i Linux

    Terminal window
    brew install slopcode

    W celu uzyskania najbardziej aktualnej wersji zalecamy korzystanie z slopcode. Oficjalna formuła brew install slopcode jest utrzymywana przez zespół Homebrew i jest aktualizowana.

  • Korzystanie z Paru na Arch Linux

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

Windows

  • Używając Chocolatey

    Terminal window
    choco install slopcode

  • Korzystanie z Scoop

    Terminal window
    scoop install slopcode

  • Przy użyciu NPM

    Terminal window
    npm install -g slopcode

  • Używając Mise’a

    Terminal window
    mise use -g github:grappeggia/slopcode

  • Korzystanie z Dockera

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

Obecnie pracujemy nad instalacją slopcode w systemie Windows za pomocą Bun.

Możesz także pobrać plik binarny z Releases.

Konfiguracja

Dzięki slopcode możesz korzystać z dowolnego dostawcy LLM, konfigurując jego klucze API.

Jeśli będziesz korzystać z wielu dostawców LLM, zalecamy skorzystanie z SlopCode Zen. Aby uzyskać dostęp do wyselekcjonowanej listy modeli, które zostały zatwierdzone i zweryfikowane przez zespół slopcode.

  1. Uruchom polecenie /connect w TUI, wybierz slopcode i przejdź do slopcode.dev/auth.

    /connect

  2. Zaloguj się, dodaj szczegóły rozliczeniowe i skopiuj klucz API.

  3. Wklej swój klucz API.

    ┌ API key
    │
    │
    └ enter

Alternatywnie możesz wybrać jednego z dodatkowych dostawców. Dowiedz się więcej.

Inicjalizacja

Po skonfigurowaniu dostawcy możesz przejść do projektu, nad którym chcesz pracować.

Terminal window
cd /path/to/project

Uruchom slopcode.

Terminal window
slopcode

Następnie zainicjuj slopcode dla projektu, uruchamiając odpowiednie polecenie.

/init

Spowoduje to, że slopcode przeanalizuje Twój projekt i utworzy plik AGENTS.md w katalogu głównym projektu.

Pomaga to slopcode zrozumieć strukturę projektu i stosowane wzorce kodowania.

Użycie

Teraz możesz pracować nad swoim projektem. Możesz zapytać o wszystko!

Jeśli dopiero zaczynasz korzystać z agenta kodującego AI, oto kilka wskazówek, które mogą być pomocne.

Zadawaj pytania

Możesz poprosić slopcode o wyjaśnienie bazy kodu.

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

Jest to pomocne, jeśli istnieje część bazy kodu, nad którą nie pracowałeś.

Dodaj funkcje

Możesz poprosić slopcode o dodanie nowej funkcji do Twojego projektu. Najpierw zalecamy poproszenie o przygotowanie planu.

  1. Stwórz Plan

    slopcode ma Plan Mode, który umożliwia wyłączenie zmian i zamiast tego zasugeruje, jak zaimplementować tę funkcję.

    Przejdź do niego za pomocą klawisza Tab. Zobaczysz odpowiedni wskaźnik w prawym dolnym rogu.

    <TAB>

    Opiszmy teraz, co chcemy, żeby zrobił.

    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.

    Wersja slopcode jest bardzo inteligentna, aby zrozumieć, czego chcesz. To pomaga rozmawiaj z nim tak, jakbyś rozmawiał z młodszym programistą w swoim zespole.

  2. Udoskonalanie planu

    Gdy będziesz mieć plan, możesz zostawić go lub dodać więcej.

    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 może zeskanować obrazy, które mu przekażesz i zrozumieć je. Możesz to zrobić, przeciągając i upuszczając obraz do terminala.

  3. Wprowadź zmiany

    Kiedy już będziesz zadowolony z planu, przełącz się z powrotem do Act Mode naciskając klawisz Tab.

    <TAB>

    Poproś o wprowadzenie zmian.

    Sounds good! Go ahead and make the changes.

Wprowadź zmiany

Aby wprowadzić kolejną zmianę, możesz poprosić slopcode lub zrobić to bezpośrednio bez konieczności wcześniejszego przeglądania planu.

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

Musisz upewnić się, że dostarczyłeś odpowiednie pliki, aby slopcode mógł wprowadzić zmiany.

Cofnij zmiany

Załóżmy, że prosisz slopcode o wprowadzenie zmian.

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

Ale zdajesz sobie sprawę, że to nie jest to, czego chciałeś. Możesz cofnąć zmiany za pomocą polecenia /undo.

/undo

slopcode cofnie teraz zmiany i wyświetli wiadomość ponownie.

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

Możesz edytować monit i poprosić slopcode o ponowną próbę.

Możesz też przywrócić zmianę za pomocą polecenia /redo.

/redo

Udostępnianie

Rozmowy z slopcode można udostępniać swojemu zespołowi.

/share

Spowoduje to, że link do bieżącej rozmowy zostanie skopiowany do schowka.

Oto przykładowa rozmowa z slopcode.

Dostosuj

To tyle! Jesteś teraz profesjonalistą w korzystaniu z slopcode.

Aby dostosować go do potrzeb, zalecamy wybranie motywu, dostosowanie skrótów klawiaturowych, konfigurowanie programów formatujących kod, tworzenie niestandardowych poleceń lub zabawę z konfiguracją slopcode.