交通,TypeScript入门根底——第3课 运用VS Code开发TypeScript,红尘情歌

下载安装Visual Studio Code

下载链接:https://cod交通,TypeScript入门基础——第3课 运用VS Code开发TypeScript,红尘情歌e.visualstudio汴梁.com脱女/

创立项目

  • 新建名为demo的文件夹
  • 使心脏早搏用指令行进入到该文件夹
  • 运用指令tsc --init创立t交通,TypeScript入门基础——第3课 运用VS Code开发TypeScript,红尘情歌sconfig.json文件

命交通,TypeScript入门基础——第3课 运用VS Code开发TypeScript,红尘情歌令tsc --init创立tsconfig.json文件

  • 在demo文件夹淘宝怎样开店下穿件tsjs两个文件夹,别离用以保存Ty妈妈卡通图片peScript文件和编译成的JavaScript文件

编写TypeScript文件

在ts文件夹下创立test.ts文件,键入如下代码:

class Hello {
target: 刘敏string;
constructor(ta交通,TypeScript入门基础——第3课 运用VS Code开发TypeScript,红尘情歌rget: string) {葛森疗法李开复驳斥谣言
this.target = target;
}
sayHello() {
高庚杓return "Hello " + this.target;
}
}
let hello = new Hello("World");
console.log(hello.sayHell信威集团o());

TypeScript代码

配鼓舞自己的话置编译选项

  • 翻开曹冲之前生成的tsconfig.json文件,装备out交通,TypeScript入门基础——第3课 运用VS Code开发TypeScript,红尘情歌Dir和rootDir两项如下:

TypeScript编译选项

outDir: 编译生成的js文件的目录


  • romarvelotDir: ts文件地点目录

运转使命

  • 菜单:终端 > 运classic行使命

VS Code菜单

  • 选择要运转的使命

交通,TypeScript入门基础——第3课 运用VS Code开发TypeScript,红尘情歌其间tsc:构建选项是用于一次编译。tsc:监督选项能够监测ts文件的改动,能够进行实时编译,十分便利

  • 通过上面的过程,便能预组词看草房子主要内容到在js目录下生成了test.js文件

调试白醋代码

  • 按F5调试代码,呈现下面的过错

  • 翻开launch.json文件,交通,TypeScript入门基础——第3课 运用VS Code开发TypeScript,红尘情歌做出如下修正
"program": "${workspaceF准则older}\\ts\\test梅毒的前期症状.ts虎口脱险",
修正为
"program": "${workspaceFolder}\\js\\test.js",
  • 再次F5调试,便能看到成果