Добро пожаловать в разработку на JavaScript и TypeScript в Cursor! Редактор предлагает отличную поддержку разработки на JS/TS благодаря экосистеме расширений. Вот что тебе нужно знать, чтобы выжать из Cursor максимум.

Важные расширения

Хотя Cursor отлично работает с любыми расширениями, которые ты предпочитаешь, мы рекомендуем вот эти, если ты только начинаешь:
  • ESLint — нужен для AI‑фич Cursor по автокоррекции lint‑ошибок
  • JavaScript and TypeScript Language Features — расширенная поддержка языков и IntelliSense
  • Path Intellisense — умное автодополнение путей к файлам

Возможности Cursor

Cursor прокачивает твой текущий рабочий процесс в JavaScript/TypeScript с помощью:
  • Tab Completions: Контекстно‑зависимые подсказки кода, которые понимают структуру твоего проекта
  • Automatic Imports: Tab может автоматически импортировать библиотеки сразу, как только ты их используешь
  • Inline Editing: Жми CMD+K на любой строке, чтобы править код с идеальной синтаксической точностью
  • Composer Guidance: Планируй и редактируй код в нескольких файлах с помощью Composer

Интеллект фреймворков с @Docs

Функция @Docs в Cursor позволяет ускорить разработку на JavaScript, добавляя пользовательские источники документации, к которым может обращаться ИИ. Добавь документацию из MDN, Node.js или своего любимого фреймворка, чтобы получать более точные и контекстные подсказки кода.

Learn more about @Docs

Узнай, как добавлять и управлять пользовательскими источниками документации в Cursor.

Автоматическое исправление ошибок линтера

Одна из ключевых фич Cursor — бесшовная интеграция с расширениями линтеров. Убедись, что у тебя настроен линтер, например ESLint, и включена настройка «Iterate on Lints». Затем при использовании режима Agent в Composer, как только ИИ ответит на твой запрос и внесёт изменения в код, он автоматически прочитает вывод линтера и попытается исправить любые ошибки, которые мог упустить.

Поддержка фреймворков

Cursor без швов работает со всеми основными JavaScript‑фреймворками и библиотеками, такими как:

React & Next.js

  • Полная поддержка JSX/TSX с умными подсказками по компонентам
  • Интеллект для серверных компонентов и маршрутов API в Next.js
  • Рекомендуется: расширение React Developer Tools

Vue.js

  • Поддержка синтаксиса шаблонов с интеграцией Volar
  • Автодополнение компонентов и проверка типов
  • Рекомендуется: Vue Language Features

Angular

  • Проверка шаблонов и поддержка декораторов TypeScript
  • Генерация компонентов и сервисов
  • Рекомендуется: Angular Language Service

Svelte

  • Подсветка синтаксиса компонентов и умные подсказки
  • Предложения по реактивным выражениям и сторам
  • Рекомендуется: Svelte for VS Code

Backend‑фреймворки (Express/NestJS)

  • Интеллект по маршрутам и middleware
  • Поддержка декораторов TypeScript для NestJS
  • Интеграция инструментов для тестирования API
Помни, AI‑возможности Cursor отлично работают со всеми этими фреймворками, понимают их паттерны и лучшие практики и дают релевантные подсказки. AI помогает со всем — от создания компонентов до сложного рефакторинга, при этом уважая существующие паттерны твоего проекта.