【TS】笔记-TypeScript环境搭建

TypeScript与JavaScript比较

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

TypeScript 相比JavaScript的优点

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

TypeScript 开发环境搭建

1. 下载Node.js

2. 安装Node.js

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

npm install -g typescript
1

（安装过程中出错，重新指定镜像源后，再次尝试安装，安装成功！！！）

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

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

tsc -V 
1

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

function greeter (person) {
  return 'Hello, ' + person
}
 
let user = 'World'
 
console.log(greeter(user))
1
2
3
4
5
6
7

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

CD TS
1

• 执行命令：tsc xxx.ts

 tsc HelloWorld.ts
1

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

node helloworld.js
1

效果（控制台输出相应内容 ：Hello，World）