Guia em vídeo
O Cursor é um editor de código com IA integrada, baseado no VS Code. Ele permite gerar e ajustar o código do seu template com prompts. Combinado com o Editor Local (CLI), você edita sua loja com prompts.
Pré-requisitos
- Ter baixado os arquivos do template com o Editor Local (CLI) (
npx centralcart-editor) - Ter o Cursor instalado
Como usar
1
Baixe os arquivos do template
Rode o comando do editor local para baixar os arquivos da sua loja para uma pasta no seu computador:
2
Abra a pasta no Cursor
Abra a pasta do template no Cursor. Use o chat (
Ctrl/Cmd + L) ou o modo de edição inline (Ctrl/Cmd + K) para interagir com a IA.3
Descreva o que você quer
Peça as alterações em linguagem natural. Por exemplo:
“Deixe o cabeçalho fixo no topo ao rolar a página.”
“Crie um card de destaque para o produto mais vendido.”
4
Revise e salve
O Cursor edita os arquivos HTML, CSS e JavaScript. Aceite as sugestões, salve e o Editor Local sincroniza com a sua loja.
Dicas
- Informe ao Cursor que o projeto usa a engine Liquid com a sintaxe da CentralCart. Consulte a Sintaxe, as Tags e as Variáveis Globais.
- Use o chat com a pasta inteira no contexto (
@Codebase) para mudanças que envolvem vários arquivos. - Exporte seu template como ZIP antes de grandes mudanças, para ter um backup.