0
点赞
收藏
分享

微信扫一扫

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

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

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

安装 TypeScript

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

npm install -g typescript

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

编译一个 TypeScript 文件很简单:

tsc hello.ts

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

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 条评论