1、全局安裝typescript
????????npm install –g typescript
????????執行tsc –v,可輸出版本號,代表安裝成功
2、創建tsConfig文件
????????npx tsc –init
????????創建成功目錄下會出現tsconfig.json文件
3、安裝ts-node,支持執行運行ts文件
????????npm install –g ts-node
????????控制臺輸入ts-node –v,輸出版本號,代表安裝成功
4、使用tsc命令將ts文件編譯生成js文件
????????tsc demo.ts
????????目錄中會生成demo.js文件
5、查看ts配置文件
????????tsc –showConfig
6、vscode中安裝code runnder插件
????????右鍵執行run?code執行ts文件
調試
- 點擊運行與調試,生成launch文件
- 安裝斷點調試工具ts-add-to-debug工具,安裝完工具后復制工具介紹中的一段配置到項目文件夾中的.vscode中的launch.json中的configurations內,修改program屬性
- 在項目文件中安裝依賴(局部安裝,不要安裝到全局)
????????npm install typescript ts-node tsconfig-paths
mac上vscode右鍵run code無法執行提示ts-node command not fund,在vscode首選項-設置,打開settings.json,找到code-runner.executorMap下的typescript配置,將ts-code改成完整路徑
獲取路徑方式:which ts-node