深度讲解TS:这样学TS,迟早进大厂【02】:安装 TypeScript

2022-06-17 15:24:09 浏览数 (1)

博主是一个专注于前端开发的程序猿~ 曾经主做于vue,react,小程序,uniapp,RN等各大框架~ 现在主攻web安全,数据加密,项目架构,性能优化~ 技术之路,任道重远。未来属于努力奋斗的我们! 有什么关于前端的疑问,可以问博主就好啦,知无不言哦~

TS系列地址: 21篇文章带你玩转ts

安装 TypeScript

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

代码语言:javascript复制
npm install -g typescript

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

编译一个 TypeScript 文件很简单:

代码语言:javascript复制
tsc hello.ts

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

代码语言:javascript复制
tsc --outFile ./dist/abc.js hello.ts

编辑器§

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)

0 人点赞