如何解决vscodelatex无法预览的问题-创新互联

这篇文章主要介绍了如何解决vscode latex无法预览的问题，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：主机域名、虚拟主机、营销软件、网站建设、阜南网站维护、网站推广。

vscode latex无法预览怎么办？

在VS Code下实时预览Markdown和LATEX

相关推荐：vscode教程

这几天预习期末考试，打算找个方便的文本编辑器记笔记。刚安装了VS Code，用起来觉得挺顺手的，本身还可以实时预览Markdown，就打算直接用它了。

然而Markdown原生并不支持LATEX，打公式只能用如<sub>和<sup>等html tag凑活将就，费时又费力。去VS Marketplace看了一下儿，发现有一款叫Instant Markdown的插件可以用实时把markdown源文件送到浏览器并render预览效果。虽然原生也不支持LATEX，但是可以改嘛！亲自动手丰衣足食，何乐而不为。

心乐之，果断安装。装完随手打开一个.md文件，发现这个插件已经自动用默认浏览器打开了一个网页，render出效果。自己动手改了改这个插件，加上MathJax Library，就已经可以render出Markdown中的LATEX了。步骤如下：

首先在终端／命令提示符下 cd $HOME/.vscode/extensions/dbankier.vscode-instant-markdown-0.1.0/node_modules/instant-markdown-d 进入 instant-markdown 插件的目录。

打开 index.html，在<head>标签内添加以下代码：

 <script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
  </script>
  <script type="text/javascript" async
    src="/tupian/20230522/MathJax.js
  </script>

在

socket.on('newContent', function(newHTML) {
  document.querySelector(".markdown-body").innerHTML = newHTML;

后加入一行

MathJax.Hub.Queue(["Typeset",MathJax.Hub]);

既：

<script>
    var socket = io.connect('http://localhost:8090/');
    socket.on('connect', function () {
      socket.on('newContent', function(newHTML) {
        document.querySelector(".markdown-body").innerHTML = newHTML;
+        MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
      });
      socket.on('die', function(newHTML) {
        window.open('', '_self', '');
        window.close();
        var firefoxWarning =
        "<h2>Oops!</h2>" +
        "<h4>Firefox doesn't allow windows to self-close.</h4>" +
        "<h4>If you want the preview window to close automatically like in other browsers, go to about:config and set dom.allow_scripts_to_close_windows to true.</h4>"
        document.body.innerHTML = firefoxWarning;
      });
    });
  </script>

4 . 保存，关闭网页，重启VS Code，万事大吉。

感谢你能够认真阅读完这篇文章，希望小编分享的“如何解决vscode latex无法预览的问题”这篇文章对大家有帮助，同时也希望大家多多支持创新互联网站建设公司，，关注创新互联行业资讯频道，更多相关知识等着你来学习!

分享文章：如何解决vscodelatex无法预览的问题-创新互联
网站地址：https://www.cdcxhl.com/article34/ddisse.html

成都网站建设公司_创新互联，为您提供网站维护、虚拟主机、App开发、动态网站、营销型网站建设、微信小程序

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容