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

​
Основные расширения

Хотя Cursor отлично работает с любыми расширениями, которые вы предпочитаете, мы рекомендуем эти для тех, кто только начинает:
  • ESLint - Необходимо для возможностей исправления линтинга с помощью ИИ в Cursor
  • JavaScript and TypeScript Language Features - Расширенная языковая поддержка и IntelliSense
  • Path Intellisense - Интеллектуальное автодополнение путей к файлам

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

Cursor улучшает ваш существующий рабочий процесс с JavaScript/TypeScript благодаря:
  • Автодополнение по Tab: Контекстно-зависимые дополнения кода, которые понимают структуру вашего проекта
  • Автоматический импорт: Tab может автоматически импортировать библиотеки, как только вы их используете
  • Встроенное редактирование: Используйте CMD+K на любой строке для редактирования с идеальным синтаксисом
  • Руководство Composer: Планируйте и редактируйте ваш код в нескольких файлах с помощью Composer

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

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

Узнать больше о @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 может помочь со всем: от создания компонентов до сложных задач рефакторинга, при этом соблюдая существующие паттерны вашего проекта.