Bem-vindo ao desenvolvimento em JavaScript e TypeScript no Cursor! O editor oferece suporte excepcional para desenvolvimento em JS/TS por meio do seu ecossistema de extensões. Aqui está o que você precisa saber para tirar o máximo proveito do Cursor.

Extensões Essenciais

Embora o Cursor funcione muito bem com qualquer extensão que tu curtir, recomendamos estas pra quem tá começando agora:
  • ESLint - Necessária pros recursos de correção de lint com IA do Cursor
  • JavaScript and TypeScript Language Features - Suporte de linguagem aprimorado e IntelliSense
  • Path Intellisense - Autocompletar inteligente de caminhos de arquivo

Recursos do Cursor

O Cursor aprimora teu fluxo de trabalho em JavaScript/TypeScript com:
  • Compleções com Tab: Sugestões de código com reconhecimento de contexto que entendem a estrutura do teu projeto
  • Imports automáticos: O Tab pode importar bibliotecas automaticamente assim que tu usares
  • Edição inline: Usa CMD+K em qualquer linha para editar com sintaxe perfeita
  • Orientação do Composer: Planeja e edita teu código em vários arquivos com o Composer

Inteligência de Framework com @Docs

O recurso @Docs do Cursor permite turbinar teu desenvolvimento em JavaScript adicionando fontes de documentação personalizadas que a IA pode consultar. Adiciona documentação do MDN, Node.js ou do teu framework favorito para obter sugestões de código mais precisas e contextuais.

Saiba mais sobre @Docs

Descobre como adicionar e gerenciar fontes de documentação personalizadas no Cursor.

Resolução automática de lints

Um dos recursos de destaque do Cursor é a integração perfeita com extensões de linter. Garante que tu tens um linter, como o ESLint, configurado, e ativa a configuração “Iterate on Lints”. Depois, ao usar o modo Agent no Composer, assim que a IA tentar responder tua pergunta e fizer quaisquer alterações no código, ela vai ler automaticamente a saída do linter e tentar corrigir quaisquer erros de lint dos quais talvez não soubesse.

Suporte a Frameworks

O Cursor funciona perfeitamente com todos os principais frameworks e bibliotecas JavaScript, como:

React & Next.js

  • Suporte completo a JSX/TSX com sugestões inteligentes de componentes
  • Inteligência para server components e rotas de API no Next.js
  • Recomendado: extensão React Developer Tools

Vue.js

  • Suporte à sintaxe de templates com integração ao Volar
  • Autocompletar de componentes e verificação de tipos
  • Recomendado: Vue Language Features

Angular

  • Validação de templates e suporte a decorators do TypeScript
  • Geração de componentes e serviços
  • Recomendado: Angular Language Service

Svelte

  • Realce de sintaxe de componentes e autocompletar inteligente
  • Sugestões para declarações reativas e stores
  • Recomendado: Svelte for VS Code

Frameworks de Backend (Express/NestJS)

  • Inteligência para rotas e middlewares
  • Suporte a decorators do TypeScript para NestJS
  • Integração com ferramentas de teste de API
Lembra que os recursos de IA do Cursor funcionam bem com todos esses frameworks, entendendo seus padrões e boas práticas para fornecer sugestões relevantes. A IA te ajuda em tudo, da criação de componentes a refatorações complexas, respeitando os padrões já existentes do teu projeto.