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, a gente recomenda estas pra quem tá começando:
  • ESLint - Obrigatório para os recursos de correção de lint com IA do Cursor
  • JavaScript and TypeScript Language Features - Suporte aprimorado às linguagens e IntelliSense
  • Path Intellisense - Autocompletar inteligente de caminhos de arquivos

Recursos do Cursor

O Cursor turbina teu fluxo de trabalho em JavaScript/TypeScript com:
  • Autocompletar 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 usa
  • Edição inline: Usa CMD+K em qualquer linha para editar com sintaxe perfeita
  • Composer com orientação: 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 destaques do Cursor é a integração fluida com extensões de linter. Garante que tu tenha um linter, como o ESLint, configurado e ativa a opção “Iterate on Lints”. Depois, ao usar o modo Agent no Composer, assim que a IA tentar responder tua pergunta e fizer alterações no código, ela vai ler automaticamente a saída do linter e tentar corrigir quaisquer erros de lint que não conhecia.

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 checagem 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 conclusões inteligentes
  • 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: os recursos de IA do Cursor funcionam bem com todos esses frameworks, entendendo seus padrões e melhores práticas para oferecer sugestões relevantes. A IA pode ajudar desde a criação de componentes até refatorações complexas, respeitando os padrões existentes do teu projeto.