1.安裝
npm install -g typescript
tsc -V //檢查版本看是否安裝成功
手動(dòng)編譯 ts
//手動(dòng)編譯 ts
tsc hello.ts //在同一個(gè)目錄中輸出 hello.js
2.vscode自動(dòng)編譯設(shè)置
1??初始化 生成tsconfig.json文件
tsc --init
2??修改tsconfig.json中的 outDir（輸出文件夾） strict（是否嚴(yán)格模式）等內(nèi)容
具體配置內(nèi)容如下
{
"compilerOptions": {
"target": "es5",
"noImplicitAny": false,
"module": "amd",
"removeComments": false,
"sourceMap": false,
"outDir": "js"http://你要生成js的目錄
}
}
ctrl+shift+b 或者 終端→運(yùn)行任務(wù) 中打開(kāi)任務(wù)監(jiān)視
選擇監(jiān)視該任務(wù)忆首，每次保存自動(dòng)編譯。
3.類型注解
規(guī)定參數(shù)的類型、個(gè)數(shù)
如果不滿足參數(shù)類型和個(gè)數(shù)酌住，雖然可以編譯、但是ts中會(huì)報(bào)錯(cuò)
(()=>{
function hello(name:string){
console.log('你好 ,',name)
}
hello('kolento');
})()
4.接口
有點(diǎn)類似于構(gòu)造函數(shù)的感覺(jué)
interface Person {
firstName: string
lastName: string
}
function greeter(person: Person) {
return 'Hello, ' + person.firstName + ' ' + person.lastName
}
let user = {
firstName: 'Yee',
lastName: 'Huang'
}
console.log(greeter(user))
