1、安裝
配置淘寶源:npm config set registry https://registry.npm.taobao.org/
安裝TypeScript:npm install typescript????(全局安裝也行)
安裝這個使node支持ts:npm install ts-node????(全局安裝也行)
(ts-node安裝完后記下安裝的路徑,要用)
2、調(diào)試
在目錄中創(chuàng)建一個文件夾,文件夾里面創(chuàng)建一個名字為 .vscode 的文件夾和一個 test.ts 文件,在 .vscode?文件夾內(nèi)創(chuàng)建一個名為?launch.json 的文件,內(nèi)容如下(自己格式化一下)
{"configurations": [{ "name": "ts-node", "type": "node", "request": "launch","program": "注意看這里,要寫成ts-node對應(yīng)的可執(zhí)行文件,Windows 用戶寫成 ${workspaceRoot}/node_modules/ts-node/dist/bin.js", "args": ["${relativeFile}"], "cwd": "${workspaceRoot}", "protocol": "inspector" } ]}
?test.ts 文件內(nèi)容: console.log('hello qq')
切換到 test.ts ,找到調(diào)試選項(小蟲子圖標(biāo)),選擇 ts-node,然后點擊調(diào)試,就能看到結(jié)果(如果路徑報錯,就先裝個webpack,再裝 ts 和 ts-node)
2、tsc編譯:tsc 作用就是把 ts 變成 js,瀏覽器才能識別
在命令行上,運行TypeScript編譯器:tsc 文件名,就可以編譯 ts 文件,如下圖
?給?person函數(shù)的參數(shù)添加: string類型注解,則 user 只能是字符串或 undefined
3、接口(好像不支持函數(shù))
接口怎么定義,里面就怎么用。也就是在實現(xiàn)接口時候只要保證包含了接口要求的結(jié)構(gòu)就可以,而不必明確地使用?implements語句。
4、類
在構(gòu)造函數(shù)的參數(shù)上使用 public 等同于創(chuàng)建了同名的成員變量。如下圖
如果是按 Person 來規(guī)定 greeter 函數(shù),就不能用 fullName
中文官網(wǎng):? ? https://www.tslang.cn/docs/home.html