博主是一个专注于前端开发的程序猿~
曾经主做于vue，react，小程序，uniapp，RN等各大框架~
现在主攻web安全，数据加密，项目架构，性能优化~
技术之路，任道重远。未来属于努力奋斗的我们！
有什么关于前端的疑问，可以问博主就好啦，知无不言哦~
关注公众号：敲代码的小江，获取大厂面试题与视频讲解，了解职业发展前景。

初学者玩转 TypeScript系列，总计 21 期，点赞、收藏、评论、关注、三连支持！
TS系列地址： 21篇文章带你玩转ts

安装 TypeScript

TypeScript 的命令行工具安装方法如下：

npm install -g typescript

  

 

  
1
 

以上命令会在全局环境下安装 tsc 命令，安装完成之后，我们就可以在任何地方执行 tsc 命令了。

编译一个 TypeScript 文件很简单：

tsc hello.ts

  

 

  
1
 

我们约定使用 TypeScript 编写的文件以 .ts 为后缀，用 TypeScript 编写 React 时，以 .tsx 为后缀。

tsc --outFile ./dist/abc.js hello.ts

  

 

  
1
 

编辑器§

TypeScript 最大的优势之一便是增强了编辑器和 IDE 的功能，包括代码补全、接口提示、跳转到定义、重构等。

主流的编辑器都支持 TypeScript，这里我推荐使用 Visual Studio Code。

它是一款开源，跨终端的轻量级编辑器，内置了对 TypeScript 的支持。

另外它本身也是用 TypeScript 编写的。

下载安装：https://code.visualstudio.com/

获取其他编辑器或 IDE 对 TypeScript 的支持：

• Sublime Text
• WebStorm
• Vim
• Emacs
• Eclipse
• Atom
• [Visual Studio 2019](https://marketplace.visualstudio.com/search?term=TypeScriptTeam&target=VS&category=All categories&vsVersion=vs2019&sortBy=UpdatedDate)
• [Visual Studio 2017](https://marketplace.visualstudio.com/search?term=TypeScriptTeam&target=VS&category=All categories&vsVersion=vs15&sortBy=UpdatedDate)

文章来源: jiangwenxin.blog.csdn.net，作者：前端江太公，版权归原作者所有，如需转载，请联系作者。

原文链接：jiangwenxin.blog.csdn.net/article/details/125256464