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

需要安装 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  一般是编译

posted @ 2018-12-17 10:05  我虐TypeScript千百遍  阅读(338)  评论(0)    收藏  举报