Um guia de início rápido para o novo editor de código do Shopify que foi lançado em agosto de 2025.
O novo editor é baseado no VS Code - uma ferramenta para desenvolvedores profissionais, portanto, possui muitas opções e recursos que podem ser confusos para usuários não técnicos.
No entanto, a maioria deles pode ser ignorada. Você pode usá-lo de forma eficaz conhecendo apenas alguns conceitos básicos.
1. *Pesquisar arquivos* usando Cmd+P
2. *Pesquisar dentro de um arquivo* usando Cmd+F
3. *Pesquisar em TODOS os arquivos* usando Cmd+Shift+F
4. Pressione Enter para *renomear um arquivo*
5. Clique com o botão direito em um arquivo → Abrir Linha do Tempo para *ver o histórico de versões*
1. À esquerda está a versão antiga, à direita está a versão atual. Destacadas em verde estão suas adições, e em vermelho suas exclusões.
2. Clique com o botão direito em uma versão → *Restaurar Conteúdos* para voltar a essa versão
6. Cmd+Shift+P e pesquise 'formatar' para *formatar um documento* e deixá-lo bonito
7. Clique com o botão direito → Selecionar para *Comparar*, em seguida, selecione outro arquivo Comparar com Selecionado. Útil quando você duplicou um arquivo para trabalhar nele.
8. Ícone de Engrenagem → Configurações para *mudar o tamanho da fonte*
9. Ícone de engrenagem → Temas para *mudar o tema de cores*
Na verdade, este é o VS Code para a web rodando dentro do admin do Shopify. Encontre mais informações sobre o VS Code aqui:
👉 VÍDEOS RELACIONADOS
📢 MANTENHA-SE ATUALIZADO
Inscreva-se para mais dicas e truques que não publico no Youtube:
🙏 APOIE O CANAL
🛠 LOJA DE CÓDIGO
Seções e blocos pré-construídos. Fácil copiar e colar para instalar.
👍 MEUS APLICATIVOS E TEMAS PREFERIDOS
📚 MEU EBOOK DE CODIFICAÇÃO DO SHOPIFY
Aprenda HTML, CSS e Shopify Liquid desde o início e especificamente para Shopify.
👨🏼💻 QUEM SOU EU?
👋 Meu nome é Eduard. Sou um desenvolvedor web especializado em Shopify.
Quero ajudar você com a parte técnica do seu negócio online com vídeos simples e diretos.
⏭ CAPÍTULOS
00:00 Introdução
00:30 Pesquisar um arquivo
01:20 Pesquisar texto em um arquivo
02:03 Pesquisar texto em todo o tema
03:27 Ver histórico e desfazer
06:10 Comparar arquivos
07:28 Sobre o VS Code e mais dicas
#Shopify #ShopifyLiquid #ShopifyThemes