需要安裝 Chrome

VSCode這貨調(diào)試客戶(hù)端JavaScript代碼需要通過(guò)Chrome進(jìn)行

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

安裝 VSCode

https://code.visualstudio.com/

安裝 TypeScript

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

TypeScript?作為 npm(Node.js） 插件來(lái)的

npm install -g typescript

TypeScript 有一個(gè)中文網(wǎng)站

TypeScript語(yǔ)言層面知識(shí)挺多挺難。國(guó)內(nèi)有一個(gè)翻譯網(wǎng)站 《TypeScript中文網(wǎng)》

https://www.tslang.cn/

?入門(mén)幾個(gè)關(guān)鍵點(diǎn)

配置Node.js項(xiàng)目

工作目錄下命令行 npm init

會(huì)生成?package.json

配置TypeScript項(xiàng)目

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

會(huì)生成 tsconfig.json

配置VSCode的啟動(dòng)

TypeScript需要編譯成JavaScript。

運(yùn)行JavaScript一個(gè)是客戶(hù)端啟動(dòng)，Chrome

一個(gè)是服務(wù)端啟動(dòng) NodeJS

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

生成后還可以在添加別的啟動(dòng)配置，打開(kāi)launch.json，光標(biāo)再launch.json里面，之后再Debug->?Add Configuration

運(yùn)行使用F5快捷鍵。Debug -> Start Debugging

配置VSCode的編譯

如果是TypeScript工程，還有一個(gè)配置把TypeScript編譯成JavaScript的過(guò)程。

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

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

轉(zhuǎn)載于:https://www.cnblogs.com/nuets/p/10129807.html

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專(zhuān)家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。