命令行代码是否需要换行缩进，是唯一判断标准：单条命令（如 npm install）用 ，带输出、多行交互或含提示符（$、#、>）的必须用 。
命令行代码该用 还是 <pre class="brush:php;toolbar:false;">
命令行代码是否需要换行缩进，是唯一判断标准。单条命令（如 npm install）用 <code>；带输出、多行交互或含提示符（<code>$、#、>）的必须用
<pre class="brush:php;toolbar:false;">。
git status ✅ 单行指令，嵌在段落里自然，语义清晰-
$ cd /src && ls -la❌ 含提示符和逻辑连接符，未转义&&会触发 HTML 解析错误 - 带输出的示例（如命令后跟返回结果）必须用
<pre class="brush:php;toolbar:false;">，否则换行全丢，变成一长串不可读文本
命令行中特殊字符必须手动转义
命令行常见符号 、<code>>、& 在 HTML 中有语法含义，不转义会导致结构崩溃或内容截断。
- 错误写法：
echo "hello" > output.txt→ 浏览器把>当成标签结束符，后续内容错位 - 正确写法：
echo "hello" > output.txt - 管道符也要转：
cat file.txt | grep "error"（注意：不是|，而是其 HTML 实体|） - 提示符本身不用转（
$、#），但它们后面紧跟的空格和换行只有在<pre class="brush:php;toolbar:false;"> 中才保留
用 <code> 展示带提示符的命令交互</code>
真实终端操作常含提示符 + 命令 + 输出，这种结构天然需要格式保留，
<code> 是唯一合规方案。 <pre class="brush:php;toolbar:false;"><code>$ git init Initialized empty Git repository in /project/.git/ $ git add . $ git commit -m "first commit"</code>
- 必须把整个交互块（含
$
<pre class="brush:php;toolbar:false;">，不能只包命令部分
添加 <code>white-space: pre —— 它已从 <pre class="brush:php;toolbar:false;"> 继承，重复设置可能干扰滚动行为</pre>
class="bash" 到 标签内，方便自动识别语法
别给 加块级样式破坏段落流
是行内元素，强行让它撑开高度或加 margin 会撕裂段落视觉节奏。
- 错误：给
设 <code>display: block 或 <code>margin: 1em 0，导致上下文文字“被顶开” - 正确：仅用
padding、background、border-radius等内联友好属性修饰 - 如果命令太长（如带一堆 flag 的 curl），
不会自动换行，建议用 CSS 控制：<code>code { word-break: break-all; }，但慎用——可能在单词中间断开
ls -l 是代码，写 the ls command 就不该套 ；而 <code>$ npm run dev 和它下面那行 Listening on http://localhost:3000 必须同属一个 <code> 块，拆开就失去“交互过程”的语义。</code>
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
