К основному содержанию
правило

typescript-vuejs-cursorrules-prompt-file — правило для Cursor

Правило для Cursor, которое задаёт агенту стиль кода на TypeScript в проектах с Vue.js. Пригодится, когда нужно, чтобы правки в компонентах выглядели единообразно.

Установить в Cursor · Вручную: положить файлы Все способы и платформы ↓
.cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc
Открыть на GitHub

Что делает typescript-vuejs-cursorrules-prompt-file

Файл разбит на разделы: соглашения об именовании, работа с типами TypeScript, синтаксис и форматирование, обработка ошибок и валидация, UI и стили, производительность. Отдельный блок «Key Conventions» отправляет агента к документации Vue.js там, где это уместно.

Правило подключено с globs: **/*, то есть покрывает все файлы проекта, но alwaysApply: false — в контекст оно попадает не само по себе, а по вашему запросу или по совпадению с областью. Учитывайте это: если ждёте, что Cursor будет молча следовать этим договорённостям в каждой правке, поведение окажется другим.

Установка сводится к одному файлу — .cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc в корне проекта. Никаких зависимостей и настроек сверх этого не нужно.

Какие задачи решает

  • договориться с агентом о едином стиле имён в компонентах и хуках
  • задать правила типизации пропсов и возвращаемых значений
  • получить предсказуемое форматирование шаблонов и скриптов Vue
  • описать, как обрабатывать ошибки и валидировать входные данные
  • сверить спорные решения с документацией Vue.js

Примеры запросов агенту

  • Создай компонент карточки товара на TypeScript, следуя правилам из .cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc
  • Отрефактори этот компонент: приведи имена и типы к соглашениям из правила
  • Проверь обработку ошибок в этом запросе и поправь по правилу

Как установить typescript-vuejs-cursorrules-prompt-file

Вручную: положить файлы

.cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc

Во frontmatter: description, globs, alwaysApply

По шагам, с командами для каждой платформы: Cursor rules: файлы .mdc, четыре режима и замена .cursorrules

Вопросы о typescript-vuejs-cursorrules-prompt-file

Как установить typescript-vuejs-cursorrules-prompt-file в Cursor?

Создайте в корне проекта файл .cursor/rules/typescript-vuejs-cursorrules-prompt-file.mdc и вставьте в него содержимое правила.

Что делает typescript-vuejs-cursorrules-prompt-file?

Задаёт агенту Cursor соглашения по коду на TypeScript в проектах с Vue.js: имена, типы, форматирование, обработку ошибок, стили и производительность.

Правило применяется ко всем файлам автоматически?

Область задана как globs: **/*, но alwaysApply: false, поэтому правило не подставляется в каждую правку само — его нужно запросить или включить вручную.

Исходный текст

typescript-vuejs-cursorrules-prompt-file.mdc · CC0-1.0
---
description: "Cursor rules for TypeScript development with Vue.js integration."
globs: **/*
alwaysApply: false
---
Code Style and Structure:

Naming Conventions:

TypeScript Usage:

Syntax and Formatting:

Error Handling and Validation:

UI and Styling:

Performance Optimization:

Key Conventions:
Follow Vue.js docs for where makes sense

© PatrickJS · CC0-1.0 · PatrickJS/awesome-cursorrules

Похожие правила IDE

Все правила IDE по теме «Фронтенд и UI» →
winui3 официальный github Правило задаёт рекомендации для WinUI 3 и Windows App SDK: от XAML и потоков до окон и MVVM. Пригодится, чтобы Copilot учитывал особенности настольных приложений Windows. ★ 40 451звёзд репо vue официальный github Правило задаёт Copilot стандарты Vue 3: Composition API, <script setup>, реактивность, Pinia и Vue Router. Пригодится, когда агент пишет компоненты в вашем стиле. ★ 40 451звёзд репо tanstack-start-shadcn-tailwind официальный github Правило задаёт Copilot стек TanStack Start, Shadcn/ui и Tailwind CSS и требует валидировать внешние данные через Zod. ★ 40 451звёзд репо tailwind-v4-vite официальный github Правило помогает подключить Tailwind CSS v4 к проекту на Vite через официальный плагин. Пригодится и для новой установки, и при переходе с v3. ★ 40 451звёзд репо svelte официальный github Направляет GitHub Copilot на стандарты Svelte 5 и SvelteKit 2: руны вместо старых сторов, типизация компонентов и безопасная работа с SSR. ★ 40 451звёзд репо power-bi-custom-visuals-development официальный github Правило для GitHub Copilot, которое подсказывает агенту, как писать кастомные визуалы Power BI на React, D3.js и TypeScript. ★ 40 451звёзд репо

Из того же набора234

Весь набор →
uikit-guidelines-cursorrules-prompt-file Набор инструкций по вёрстке интерфейсов UIKit на Swift без Storyboard. Задаёт вёрстку через SnapKit, разделение UI и моделей, а также передачу событий замыканиями. ★ 41 024звёзд репо typo3cms-extension-cursorrules-prompt-file Правило задаёт Cursor структуру и стандарты для разработки расширений TYPO3 CMS. Пригодится, когда агент создаёт PHP-код, конфигурацию и тесты. ★ 41 024звёзд репо typescript Правило задаёт агенту Cursor единый стиль TypeScript: типы, имена, обработку ошибок. Пригодится, когда в проекте несколько разработчиков и код пишется вперемешку. ★ 41 024звёзд репо typescript-zod-tailwind-nextjs-cursorrules-prompt- Задаёт стандарты TypeScript, Next.js и Zod в Cursor: требует функциональный стиль, десктопный Tailwind CSS, Shadcn UI и серверные компоненты. ★ 41 024звёзд репо typescript-vite-tailwind-cursorrules-prompt-file Правило для Cursor задаёт стиль кода на TypeScript во Vue-проектах со сборкой Vite и стилями Tailwind. Пригодится, когда агент пишет компоненты и вам нужен предсказуемый результат. ★ 41 024звёзд репо typescript-shadcn-ui-nextjs-cursorrules-prompt-fil Задаёт стандарты TypeScript, React Server Components и shadcn/ui для Next.js в Cursor. Пригодится при сборке интерфейсов на Tailwind и Radix. ★ 41 024звёзд репо typescript-react-nextui-supabase-cursorrules-promp Правило задаёт контекст проекта на TypeScript, React и NextUI с Supabase. Оно пригодится, чтобы агент учитывал структуру интерфейса и потоки авторизации. ★ 41 024звёзд репо typescript-react-nextjs-cloudflare-cursorrules-pro Правило для Cursor, которое настраивает агента на TypeScript, Next.js App Router, React и инструменты Cloudflare. Пригодится, если проект живёт на этом стеке. ★ 41 024звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой