如何在vscode上直接运行typescript?
<p>在学习typescript的过程中发现在vscode上不能很好地的输出typescript的运行结果，需要先将typescript编译为javascript，在通过node执行js文件得到结果，执行过程如下</p><pre><code class="language-ts">// greeter.ts
function greeter(person) {
return "Hello, " + person;
}
let user = "Jane User";
console.log(user)
</code></pre>
<p>在命令行上执行</p>
<pre><code class="language-sh">tsc greeter.ts
</code></pre>
<p>在当前文件夹下会输出greeter.js文件，然后通过node greeter.js执行这个文件，才能输出运行结果。这样操作觉得比较麻烦，查询后得知在vscode上还有更快捷的执行方式</p>
<h3 id="执行准备操作">执行准备操作</h3>
<ol>
<li>在全局上安装ts-node包</li>
</ol>
<pre><code>npm install typescript ts-node @types/node@* -g
</code></pre>
<ol start="2">
<li>在vscode上安装Code Runner插件</li>
</ol>
<h3 id="执行">执行</h3>
<p>点击右上角的运行按钮即可在输出面板看到运行结果<br>
<img src="https://img2020.cnblogs.com/blog/801336/202007/801336-20200704105850757-444554972.jpg" alt="" loading="lazy"></p>
</div>
<div id="MySignature" role="contentinfo">
<p>如果您对本文有什么疑问，欢迎提出个人见解，若您觉得本文对你有用，不妨帮忙点个赞，或者在评论里给我一句赞美，小小成就都是今后继续为大家编写优质文章的动力， 欢迎您持续关注我的博客:)</p>
<p>作者：Jesse131</p>
<p>出处：http://www.cnblogs.com/jesse131/</p>
<p>关于作者：专注前端开发。如有问题或建议，请多多赐教！ </p>
<p>本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。</p><br><br>
来源：https://www.cnblogs.com/jesse131/p/13234182.html
頁:
[1]