需要安裝 Chrome

VSCode這貨調試客戶端JavaScript代碼需要通過Chrome進行

https://www.google.cn/chrome/

安裝 VSCode

https://code.visualstudio.com/

安裝 TypeScript

http://www.typescriptlang.org/index.html#download-links

TypeScript?作為 npm(Node.js） 插件來的

npm install -g typescript

TypeScript 有一個中文網站

TypeScript語言層面知識挺多挺難。國內有一個翻譯網站 《TypeScript中文網》

https://www.tslang.cn/

?入門幾個關鍵點

配置Node.js項目

工作目錄下命令行 npm init

會生成?package.json

配置TypeScript項目

工作目錄下命令行?tsc -init

會生成 tsconfig.json

配置VSCode的啟動

TypeScript需要編譯成JavaScript。

運行JavaScript一個是客戶端啟動，Chrome

一個是服務端啟動 NodeJS

VSCode 菜單 Debug ->?Add Configuration? 之后選Chrome或Nodejs 就會生成? ? 【.vscode/launch.json】

生成后還可以在添加別的啟動配置，打開launch.json，光標再launch.json里面，之后再Debug->?Add Configuration

運行使用F5快捷鍵。Debug -> Start Debugging

配置VSCode的編譯

如果是TypeScript工程，還有一個配置把TypeScript編譯成JavaScript的過程。

菜單?Terminal -> Configure Deafult Build Task，會生成 【.vscode/tasks.json】

Terminal? -> Run Build Task? 一般是編譯

轉載于:https://www.cnblogs.com/nuets/p/10129807.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Windows 10下 Visual Studio Code (VSCode) 和 TypeScript 入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。