【TS】笔记-TypeScript环境搭建-优快云博客

本文链接：https://blog.youkuaiyun.com/david_520042/article/details/133803068

本文对比了TypeScript与JavaScript，指出TypeScript是JavaScript超集，增加了静态类型等功能，更适合大项目开发。还阐述了TypeScript相比JavaScript的优点，如便于注释、检测错误等。最后介绍了TypeScript开发环境搭建步骤，包括下载安装、编译运行等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

TypeScript与JavaScript比较

JavaScript是轻量级的解释性脚本语言，可嵌入到HTML页面中，在浏览器端执行。而TypeScript是JavaScript的超集，即包含JavaScript的所有元素，能运行javaScript的代码，并扩展了JavaScript的语法。相比于JavaScript，他还增加了静态类型、类、模块、接口和类型注解方面的功能，更易于大项目的开发。

TypeScript 相比JavaScript的优点

1.便于开发人员做注释。
2.能帮助开发人员检测出错误并修改。
3.TypeScript工具使重构更变的容易、快捷。
4.TypeScript 引入了 JavaScript 中没有的“类”概念。
5.TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。
6.类型安全功能能在编码期间检测错误，这为开发人员创建了一个更高效的编码和调试过程。

TypeScript 开发环境搭建

下载Node.js
安装Node.js
使用npm全局安装typescript
使用node.js的npm命令安装（下面命令要用管理员权限运行！！！）

npm install -g typescript

在这里插入图片描述（安装过程中出错，重新指定镜像源后，再次尝试安装，安装成功！！！）

npm config set registry http://registry.npm.taobao.org/

安装完了（查看安装的版本【tsc -v】）

tsc -V

在这里插入图片描述

创建一个ts文件
代码（编写 TS 文件）
D:\DavidWorkSpace\TS

function greeter (person) {
  return 'Hello, ' + person
}
 
let user = 'World'
 
console.log(greeter(user))

使用tsc对ts文件进行编译
- 进入命令行
- 进入ts文件所在目录

CD TS

执行命令：tsc xxx.ts

 tsc HelloWorld.ts

在这里插入图片描述

运行（通过 Node.js 运行这段代码【node xxx.js】

node helloworld.js

效果（控制台输出相应内容：Hello，World）
在这里插入图片描述