需要安装 Chrome
VSCode这货调试客户端JavaScript代码需要通过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中文网》
入门几个关键点
配置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 一般是编译