Windows 10下 Visual Studio Code (VSCode) 和 TypeScript 入门

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 15:56   1986   0

需要安装 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

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP