<!DOCTYPE html> <html lang=”zh-CN” data-theme=”light”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>本地IDE部署LaTeX – 完整配置教程</title> <script src=”https://cdn.tailwindcss.com”></script> <link href=”https://cdn.bootcdn.net/ajax/libs/daisyui/4.12.10/full.min.css” rel=”stylesheet”> <link href=”https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css” rel=”stylesheet”> <link href=”https://fonts.proxy.ustclug.org/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap” rel=”stylesheet”> <style> body code { font-family: ‘JetBrains Mono’, monospace; } .step-card { transition: all 0.2s ease-in-out; } .step-card:hover { transform: translateY(-2px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .code-block { background: #1E293B; color: #E2E8F0; border-radius: 8px; overflow-x: auto; } .progress-indicator { position: sticky; top: 20px; z-index: 10; } </style> </head> <body> <!– Hero Section –> <div class=”hero min-h-[60vh] bg-gradient-to-br from-blue-50 to-slate-100″> <div class=”hero-content text-center”> <div class=”max-w-4xl”> <h1 class=”text-5xl font-bold text-slate-800 mb-6″> <i class=”fas fa-code text-blue-600 mr-4″></i> 本地IDE部署LaTeX </h1> <p class=”text-xl text-slate-600 mb-8″> 完整的VSCode LaTeX环境配置教程，从安装到编译一步到位 </p> <div class=”flex flex-wrap justify-center gap-4 text-sm text-slate-500″> <span class=”badge badge-outline”> <i class=”fas fa-clock mr-1″></i>预计时间：30分钟 </span> <span class=”badge badge-outline”> <i class=”fas fa-signal mr-1″></i>难度：初级 </span> <span class=”badge badge-outline”> <i class=”fas fa-desktop mr-1″></i>支持：Windows/Mac/Linux </span> </div> </div> </div> </div> <!– Progress Indicator –> <div class=”progress-indicator bg-white/80 backdrop-blur-sm rounded-box shadow-lg p-4 mx-auto max-w-2xl -mt-8 mb-8″> <div class=”flex justify-between items-center text-sm”> <div class=”text-center”> <div class=”w-8 h-8 rounded-full bg-blue-600 text-white flex items-center justify-center mb-1″>1</div> <span class=”text-slate-600″>安装LaTeX</span> </div> <div class=”h-px bg-slate-300 flex-1 mx-2″></div> <div class=”text-center”> <div class=”w-8 h-8 rounded-full bg-slate-300 text-slate-600 flex items-center justify-center cursor 教程 mb-1″>2</div> <span class=”text-slate-600″>配置IDE</span> </div> <div class=”h-px bg-slate-300 flex-1 mx-2″></div> <div class=”text-center”> <div class=”w-8 h-8 rounded-full bg-slate-300 text-slate-600 flex items-center justify-center mb-1″>3</div> <span class=”text-slate-600″>测试编译</span> </div> </div> </div> <div class=”container mx-auto px-4 py-8 max-w-6xl”> <!– Step 1: 安装LaTeX发行版 –> <section class=”mb-16″> <div class=”step-card card bg-white shadow-xl”> <div class=”card-body”> <div class=”flex items-center mb-6″> <div class=”w-12 h-12 rounded-full bg-blue-600 text-white flex items-center justify-center text-xl font-bold mr-4″>1</div> <h2 class=”card-title text-3xl text-slate-800″>安装LaTeX发行版</h2> </div> <div class=”alert alert-info mb-6″> <i class=”fas fa-info-circle”></i> <span>推荐安装TeX Live，这是最常用的LaTeX发行版之一</span> </div> <h3 class=”text-xl font-semibold mb-4 text-slate-700″> <i class=”fas fa-download text-blue-600 mr-2″></i>下载地址 </h3> <div class=”grid md:grid-cols-2 gap-4 mb-6″> <div class=”card bordered”> <div class=”card-body”> <h4 class=”font-semibold”>官方下载</h4> <a href=”https://www.tug.org/texlive/” target=”_blank” class=”link link-primary”> https://www.tug.org/texlive/ </a> </div> </div> <div class=”card bordered”> <div class=”card-body”> <h4 class=”font-semibold”>国内镜像（推荐）</h4> <a href=”https://mirrors.tuna.tsinghua.edu.cn/CTAN/systems/texlive/Images/” target=”_blank” class=”link link-primary”> 清华大学开源软件镜像站 </a> </div> </div> </div> <h3 class=”text-xl font-semibold mb-4 text-slate-700″> <i class=”fas fa-check-circle text-green-600 mr-2″></i>安装验证 </h3> <p class=”mb-4″>安装完成后，在命令行中输入以下命令验证安装是否成功：</p> <div class=”code-block p-4 mb-4″> <code>latex -v xelatex -v pdflatex -v</code> </div> <div class=”alert alert-success”> <i class=”fas fa-check-circle”></i> <span>如果打印出版本信息，则说明安装成功！</span> </div> </div> </div> </section> <!– Step 2: 安装代码编辑器 –> <section class=”mb-16″> <div class=”step-card card bg-white shadow-xl”> <div class=”card-body”> <div class=”flex items-center mb-6″> <div class=”w-12 h-12 rounded-full bg-blue-600 text-white flex items-center justify-center text-xl font-bold mr-4″>2</div> <h2 class=”card-title text-3xl text-slate-800″>安装代码编辑器</h2> </div> <div class=”grid md:grid-cols-3 gap-6 mb-8″> <div class=”card bordered hover:shadow-lg transition-shadow”> <div class=”card-body text-center”> <i class=”fab fa-microsoft text-4xl text-blue-600 mb-4″></i> <h3 class=”font-bold text-lg”>VSCode</h3> <p class=”text-sm text-slate-600″>微软开发的免费编辑器</p> </div> </div> <div class=”card bordered hover:shadow-lg transition-shadow”> <div class=”card-body text-center”> <i class=”fas fa-cursor text-4xl text-purple-600 mb-4″></i> <h3 class=”font-bold text-lg”>Cursor</h3> <p class=”text-sm tex
发布者：Ai探索者，转载请注明出处：https://javaforall.net/273875.html原文链接：https://javaforall.net
