0. 写在最前：
本文章内
- 所有WS代表WebStorm；
- 所有TS代表TypeScript。
1. 前言
首先呢，我也算是TS的初学者。相信作为过来人都清楚，新手刚刚上手TS的时候，配置环境是多么痛苦的一件事情。并且，我就很好奇，为什么网上教程、参考文档、甚至专业书籍，铺天盖地都是使用的是VScode编写的。（难道它，，，免费？！）
我为什么写这篇文章呢？主要是网上对于这方面的资料真的好少！！基本上都是VScode的。其次，也是我在使用过程中因为环境配置有问题导致WS在输出的时候遇到了问题。比如，后面的GitHub问题单——There is redundant content output in the terminal console when running TS files。
所以，正好写一篇文章总结一下，期望能够帮助到大家。
2. 开篇第一句
先说结论：千万别装WS插件库中的Run Configuration for TypeScript。这是万恶之源！！！
* 注：点击上方插件的名称，可跳转到插件介绍页
文章来源：https://www.toymoban.com/news/detail-706709.html
3. 此插件造成的问题——输出时异常
下面我举个例子：
console.info('Hello ts')
console.info('123')
console.info('321')
console.info('111')
大家看到了，第二行的输出信息前多了这么一串信息。经过证实，这，就是插件造成的。
4. 如何配置
关于如何配置的问题，我建议大家还是详细阅读官方文档——ws_ts_run_debug_server_side_ts_node。真的。虽说官方文档全都是英文，但是慢慢读能读懂。然后跟着配置就好了。我这里根据我的实际情况简述一下：
大体上来看3大步：
- 安装ts-node
- 为ts-node创建一个自定义Node.js运行/调试配置
- 运行一个TypeScript文件
其中运行没啥好说的，就点击一下开始按钮就行了。所以这一点跳过。我们着重说说第一第二点。（其实官网教程里都有）
4.1 官网教程
4.1.1 安装ts-node
4.2 为ts-node创建一个自定义Node.js运行/调试配置
这样，就解决啦！输出都正常了呢！
4.2 我的办法
因为我期望让所有的项目都能够共享使用我npm安装的包，所以我通过配置全局node环境来实现。
4.2.1 安装nodejs
从官网上下载生产力需求的nodejs版本。这里不是重点。所以略去。
4.2.2 配置WebStorm配置项
4.2.3 使用npm init初始化项目
使用npm init的目的就是创建一个package.json文件。
4.2.4 执行效果
5 结语
但这样配置只能临时使用，新建一个项目以后，配置项就丢失了。我还没有研究出如何全局都可以用。如果我找到方法了，我会更新帖子。同样欢迎各位帮我指正错误。文章来源地址https://www.toymoban.com/news/detail-706709.html
到了这里，关于【解决方案】使用WebStorm运行TypeScript文件（基于ts-node）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
