目录
TypeScript-part01
TypeScript介绍
写在前面
程序运行的一般步骤：
- 解析程序：程序解析为AST（抽象句树法-abstract syntax tree）；
- 编译：将AWT编译成为字节码；
- 运行：计算字节码。
但是对于TS而言：
要先用编译器编译为JavaScript，然后执行以上步骤！
TS与JS区别
JavaScript是动态绑定类型；
TypeScript是静态绑定类型。
JavaScript是弱类型语言；
TypeScript是渐进式类型语言。
JavaScript会自动转换类型；
TypeScript会检查类型，并报错。
TypeScript配置
- 新建一个文件夹
- 初始化npm：
npm init
- 安装TSC、TSLint、NodeJS的类型声明
npm install --save-dev typescript tslint @types/node
最好安装一下全局*
Locally in your project.
npm install -D typescript
npm install -D ts-node
Or globally with TypeScript.
npm install -g typescript
npm install -g ts-node
TypeScript创建一个简单的程序
- 在根目录下新建tsconfig.json 文件，写入：
{
"compilerOptions": {
"lib": ["es6"],
"module": "commonjs",
"outDir": "dist",
"sourceMap": true,
"strict": true,
"target": "es6"
},
"include": [
"src"
]
}
具体配置请看官方文档
- 新建tslint.json文件，写入：
{
"defaultSeverity": "error",
"extends": [
"tslint:recommended"
],
"rules": {
"semicolon": false,
"trailing-comma": false
}
}
或者使用命令行：
tslint --init
- 最后新建src文件夹及其之下的index.ts
试着写入代码：
console.log('Hello TypeScript!')
- 编译： tsc ./src/index.ts
之后文件夹src下会出现编译好的js文件。 - 运行（node）：node ./src/index.js
成功运行第一个TypeScript项目！
开发工具
- ts-node
更快编译、运行 - typescript-node-starter（github上面搜）
脚手架工具