Skip to content

Vue.js Project Rules

IDE Configuration Headers

For Cursor IDE

To create a new Cursor Rule:

  1. Enter the name as general
  2. Copy & paste the following header and rule content below:
---
description: General Project Guidelines
globs: **/*
alwaysApply: false
---

For Kiro IDE

To create a new Kiro Steering Document:

  1. Create a file named general.md in .kiro/steering/
  2. Copy & paste the following header and rule content below:
---
inclusion: always
---

For more information about IDE rules, visit: - Cursor Project Rules - Kiro Steering Documents

Rule Content

# General Project Guidelines

## Tech Stack
- Vue 3
- Vite frontend build tool
- Vue Router for routing
- Pinia for state management

## Code Style
- Keep code simple and readable
- Use meaningful variable and function names
- Add appropriate comments to explain complex logic
- Follow the official Vue style guide

## Project Structure
- Keep the project structure clear, following modular principles
- Related features should be placed in the same directory
- Use appropriate directory names that reflect their contents

## General Development Principles
- Write testable code
- Avoid duplicate code (DRY principle)
- Prefer existing libraries and tools, avoid reinventing the wheel
- Consider code maintainability and scalability

## Response Language
- Always reply to users in English

## Project Rule File Description
This project uses the following rule files:
- general: General guidelines (this file)
- documentation: Documentation guidelines
- git: Git commit guidelines
- xxx: XXX language development guidelines