TypeScript的介绍和安装

举报
坚果的博客 发表于 2022/05/29 18:29:46 2022/05/29
【摘要】 mac安装ts关于 TypeScriptTypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,不同于windows上安装Typescript,在mac 上安装,运行一下命令有一定的迷惑性。 如果出现以下错误,如,npm install -g typescript 这些原因都是,没有使用 sudo来提权。就可以按照下面的方式重新安装。sudo n...


mac安装ts


关于 TypeScript

TypeScript 是 JavaScript 的一个超集,主要提供了类型系统对 ES6 的支持

不同于windows上安装Typescript,在mac 上安装,运行一下命令有一定的迷惑性。 如果出现以下错误,如,

npm install -g typescript 




这些原因都是,没有使用 sudo来提权。就可以按照下面的方式重新安装。

sudo  npm install -g typescript 
​
​


看到下面的显示成功







然后运行tsc -v 查看版本号,显示安装成功。




插件

npm install -D ts-node

image-20220529180634320




什么是 TypeScript?

  • TypeScript 是添加了类型系统的 JavaScript,适用于任何规模的项目。

  • TypeScript 是一门静态类型、弱类型的语言。

  • TypeScript 是完全兼容 JavaScript 的,它不会修改 JavaScript 运行时的特性。

  • TypeScript 可以编译为 JavaScript,然后运行在浏览器、Node.js 等任何能运行 JavaScript 的环境中。

  • TypeScript 拥有很多编译选项,类型检查的严格程度由你决定。

  • TypeScript 可以和 JavaScript 共存,这意味着 JavaScript 项目能够渐进式的迁移到 TypeScript。

  • TypeScript 增强了编辑器(IDE)的功能,提供了代码补全、接口提示、跳转到定义、代码重构等能力。

  • TypeScript 拥有活跃的社区,大多数常用的第三方库都提供了类型声明。

  • TypeScript 与标准同步发展,符合最新的 ECMAScript 标准(stage 3)。

上面是安装,接下来我们介绍一下如何编译。

编译一个 TypeScript 文件很简单:

tsc hello.ts

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

编辑器

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

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

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

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

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


参考:

TypeScript 官网



好的,今天主要就是TypeScript的安装和介绍什么是TypeScript,以及我推荐的编辑器。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。