Руководство пользователя Bolt: советы и рекомендации от простых до продвинутых

хватать (часто рис.) Болт Исчерпывающее руководство, в котором вы найдете все, что нужно знать о 🧵.

Первоначальные варианты могут показаться очевидными, но их все равно легко упустить из виду. Вы можете начать прямо с вашего любимого фреймворка.

Заранее подготовьте слова для подсказки в gpt/claude.

• Сэкономьте много жетонов.
• Используйте его в качестве архитектора программного обеспечения.

Пример слова-подсказки:

1/
Вы - архитектор программного обеспечения. Ваша задача - предоставить инженерам четкие и ясные спецификации для реализации. Сосредоточьтесь только на текущей функциональности и избегайте теоретических или будущих рассуждений. Разбивайте спецификации по функциям и не превышайте 200 слов в каждой. Это поможет обеспечить итеративные улучшения и избежать перегрузки большой языковой модели.

Описания должны быть прямыми и краткими, без лишних деталей.

Ничего не выводите, ждите входных функций и технологических стеков.

Нажмите Enter, чтобы продолжить.

2/
(Поиск в Интернете теперь включен в GPT!).

Мы будем использовать следующий стек технологий:

Скопируйте и вставьте содержимое файла package.json вашего проекта Bolt (это самый быстрый способ).

Или просто напечатайте: Я использую nextjs 14 в сочетании с shadcn, tailwindcss и zod...

Исследуйте и узнайте о них. Они понадобятся нам на следующем этапе:

3/
(Отключить веб-поиск)

Миссия:
--> Описание вашего приложения <--

Выход:
Напишите историю пользователя на основе заданного фреймворка, включив в начало краткое резюме. Не приводите код.

Если вы занимаетесь обновлением кода, убедитесь, что вы знакомы с "Lock" и "Target".

🔒Lock: Bolt игнорирует этот файл и не изменяет его.
🎯Цель: будут изменены только определенные файлы.

Эти правила можно применять и к папкам!

Рано или поздно вы столкнетесь с API.

1. Чтение данных о погоде
2. Взаимодействие с OpenAI
3. Использование API Google Maps

• Вам нужно создать файл .env.
• Сохраните свой ключ API в этом файле. (Найдите имена переменных в коде, или Bolt подскажет вам).

Примечание: Не сохраняйте этот файл в хранилище кода.

База данных:

WebContainers работают полностью в браузере, поэтому они не поддерживают традиционную установку баз данных.

Вместо этого я рекомендую использовать API для взаимодействия с удаленной базой данных.

• Supabase (PostgreSQL)
• Turso (SQLite)
  Или переключитесь на Курсор И реализуйте его там.

Это верно лишь отчасти. SQLite работает, но вопрос в том, стоит ли начинать всю эту работу в Bolt.

Вы можете загрузить любое изображение, и Bolt попытается восстановить его стиль, цвет и расположение.

Как ускорить процесс редактирования и уменьшить количество Токен Используйте:

Благодаря редактированию на основе diff, Bolt перестает регенерировать весь файл при внесении небольших изменений.

И вы можете использовать редактирование на основе диффа уже сегодня!

Если вы столкнулись с узким местом при использовании Bolt:

Если он вообще не работает, загляните в консоль Bolt или в консоль разработчика Chrome. Здесь вы найдете полезную информацию, которую можно предоставить Bolt, чтобы исправить проблему.

Используйте console.log для поиска ошибок.

Помните Prince of Persia? Используйте Bolt, чтобы вернуться в прошлое и отменить неудовлетворительные изменения.

Вы когда-нибудь слышали о .cursorrules? У Bolt есть похожая функция.
Я только что проверил это с помощью Bolt.
Просто добавьте свои стандарты и правила кодирования в файл .bolt/prompt, и у вас будет руководство по поведению ИИ.

Bolt имеет открытый исходный код.
Полный текст реплики, используемой Bolt, можно найти на GitHub.