Files
cursor-demo/site/00.html
T

45 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Блок 0. Cursor</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="nav">
<div class="nav-inner">
<a class="brand" href="index.html">Демо разметки</a>
<nav>
<a href="index.html">Содержание</a>
<a class="current" href="00.html">0. Cursor</a>
<a href="01.html">1. Разметка</a>
<a href="02.html">2. Экспорт</a>
<a href="03.html">3. ИИ</a>
<a href="04.html">4. Git</a>
</nav>
</div>
</header>
<main class="wrap content">
<h1>Блок 0. Cursor — зачем он тут</h1>
<img src="img/cursor-intro.png" alt="Cursor как мастерская" width="720">
<p>Это редактор кода (форк VS Code) с нормальным ИИ внутри: чат видит файлы, может править их сам, не через копипаст.</p>
<p>Сегодня он нам нужен как <strong>сцена</strong>:</p>
<ul>
<li>слева текст <code>.md</code></li>
<li>справа превью (как это выглядит «для людей»)</li>
<li>плагины те же, что в VS Code: Markdown PDF, Mermaid и т.д.</li>
<li>если надо быстро привести документ в порядок — ИИ в чате, не Word</li>
</ul>
<p>Подробнее про ИИ — в <a href="03.html">блоке 3</a>. Сейчас просто открываем файлы и смотрим, как разметка оживает.</p>
<div class="pager">
<a href="index.html">← Содержание</a>
<a href="01.html">Блок 1. Разметка →</a>
</div>
</main>
</body>
</html>