vscode latex无法预览怎么办-小浪学习网

vscode latex无法预览怎么办？

在VS Code下实时预览Markdown和LATEX

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

然而Markdown原生并不支持LATEX，打公式只能用如_{和^{等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，在

标签内添加以下代码：

 <script>   MathJax.Hub.Config({tex2jax: {inlineMath: [[&#39;$&#39;,&#39;$&#39;], [&#39;(&#39;,&#39;)&#39;]]}});   </script>   <script>   </script>

在

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

后加入一行

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

既：

<script>     var socket = io.connect(&#39;http://localhost:8090/&#39;);     socket.on(&#39;connect&#39;, function () {       socket.on(&#39;newContent&#39;, function(newHTML) {         document.querySelector(".markdown-body").innerHTML = newHTML; +        MathJax.Hub.Queue([&quot;Typeset&quot;,MathJax.Hub]);       });       socket.on(&#39;die&#39;, function(newHTML) {         window.open(&#39;&#39;, &#39;_self&#39;, &#39;&#39;);         window.close();         var firefoxWarning =         "<h1>Oops!" +         "<h3>Firefox doesn&#39;t allow windows to self-close." +         "<h3>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."         document.body.innerHTML = firefoxWarning;       });     });   </script>

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

以上就是

文章版权归作者所有，未经允许请勿转载。

THE END

开发工具
# vscode

喜欢就支持一下吧