要使用VSCode中的Markdown預(yù)覽，無需額外安裝，1. 打開或創(chuàng)建一個.md文件；2. 使用Ctrl Shift V（Windows/Linux）或Cmd Shift V（Mac）快捷鍵，或通過右鍵菜單、命令面板打開預(yù)覽；3. 預(yù)覽默認(rèn)實時更新，確保開啟自動保存以保持同步；4. 可通過右鍵預(yù)覽區(qū)域切換同步滾動功能，預(yù)覽支持GitHub風(fēng)格Markdown和數(shù)學(xué)公式（需安裝Markdown All in One擴(kuò)展），並可自定義CSS樣式，操作簡便且功能完整。

To use Markdown preview in VSCode, you don't need to install anything extra—VSCode comes with built-in support for Markdown, including a live preview feature. Here's how to make the most of it:

1. Open a Markdown File

Start by opening a .md file in VSCode. If you don't have one, create a new file and save it with a .md extension (eg, notes.md ). This tells VSCode to treat it as Markdown.

2. Open the Preview Pane

There are a few ways to open the Markdown preview:

• Keyboard shortcut : Press Ctrl Shift V (Windows/Linux) or Cmd Shift V (Mac). This opens the preview side-by-side with your editor.
• Right-click in the editor : Right-click anywhere in the Markdown file and select "Open Preview" .
• Command Palette : Press Ctrl Shift P (or Cmd Shift P ), then type "Markdown: Open Preview" and hit Enter.

You can also open the preview to the side by using Ctrl KV (hold Ctrl, press K then V).

3. Use Live Preview (Auto-Update)

Once the preview is open, it automatically updates as you type—no need to refresh. This is called Live Preview .

• If typing doesn't update the preview, make sure Auto Save is on (check File > Auto Save ).
• You can also manually refresh the preview by right-clicking in the preview pane and selecting "Reload Preview" .

4. Sync Scrolling (Optional)

VSCode supports synchronized scrolling between the editor and preview:

• When you scroll in the editor, the preview jumps to the corresponding section.
• Same works in reverse—scrolling in the preview moves the editor view.

This is on by default, but you can toggle it:

• Right-click in the preview → "Toggle Sync Scrolling"

Bonus Tips

• Preview with Styling : The preview respects GitHub-flavored Markdown (GFM), including syntax highlighting for code blocks.
• Math Support : If you use LaTeX-style math (eg, $x^2$ ), install the Markdown All in One extension for better rendering.
• Custom CSS : Advanced users can apply custom styles to the preview using "markdown.styles" in settings.

Basically, just open a .md file, press Ctrl Shift V , and start writing—your preview appears instantly and updates as you go.

以上是如何在VSCODE中使用Markdown預(yù)覽的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！