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

​
Extensões Essenciais

Embora o Cursor funcione muito bem com qualquer extensão de sua preferência, recomendamos estas para quem está começando:
  • ESLint - Necessário para as capacidades de correção de lint com IA do Cursor
  • JavaScript and TypeScript Language Features - Suporte aprimorado de linguagem e IntelliSense
  • Path Intellisense - Completação inteligente de caminhos para arquivos

​
Recursos do Cursor

O Cursor aprimora seu fluxo de trabalho existente em JavaScript/TypeScript com:
  • Completações de Tab: Completações de código conscientes do contexto que entendem a estrutura do seu projeto
  • Importações Automáticas: O Tab pode importar bibliotecas automaticamente assim que você as utiliza
  • Edição Inline: Use CMD+K em qualquer linha para editar com sintaxe perfeita
  • Orientação do Composer: Planeje e edite seu código em múltiplos arquivos com o Composer

​
Inteligência de Framework com @Docs

O recurso @Docs do Cursor permite que você turbine seu desenvolvimento JavaScript adicionando fontes de documentação personalizadas que a IA pode referenciar. Adicione documentação do MDN, Node.js, ou seu framework favorito para obter sugestões de código mais precisas e contextuais.

Saiba mais sobre @Docs

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

​
Resolução Automática de Linting

Um dos recursos de destaque do Cursor é sua integração perfeita com extensões de Linter. Certifique-se de ter um linter, como ESLint, configurado, e habilite a configuração ‘Iterate on Lints’. Então, ao usar o modo Agent no Composer, uma vez que a IA tenha tentado responder sua consulta e feito quaisquer alterações no código, ela automaticamente lerá a saída do linter e tentará corrigir quaisquer erros de lint que ela possa não ter conhecido.

​
Suporte a Frameworks

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

​
React & Next.js

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

​
Vue.js

  • Suporte à sintaxe de template com integração Volar
  • Auto-completar de componentes e verificação de tipos
  • Recomendado: Vue Language Features

​
Angular

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

​
Svelte

  • Destaque de sintaxe de componentes e completações inteligentes
  • Sugestões de declarações reativas e stores
  • Recomendado: Svelte for VS Code

​
Frameworks Backend (Express/NestJS)

  • Inteligência para rotas e middleware
  • Suporte a decorators TypeScript para NestJS
  • Integração com ferramentas de teste de API
Lembre-se, os recursos de IA do Cursor funcionam bem com todos esses frameworks, compreendendo seus padrões e melhores práticas para fornecer sugestões relevantes. A IA pode ajudar com tudo, desde criação de componentes até tarefas complexas de refatoração, respeitando os padrões existentes do seu projeto.