2.2.4　创建文件

首先，新建一个名为sample的目录作为示例项目的根目录，所有代码都将放在这个目录下。接下来，启动Visual Studio Code，然后将sample文件夹拖曳到Visual Studio Code窗口中，或者可以使用快捷键“Ctrl + K Ctrl + O”打开“Open Folder ...”对话框找到刚刚创建的sample目录，然后点击“Select Folder”按钮，在Visual Studio Code中打开此目录，如图2-8所示。

图2-8　在Visual Studio Code中打开文件夹

2.2.4.1　新建tsconfig.json文件

使用新建文件快捷键“Ctrl + N”来创建一个文件并输入以下代码：

01 {
02     "compilerOptions": {
03         "strict": true,
04         "target": "es5"
05       }
06 }

使用保存文件快捷键“Ctrl + S”将这个文件保存为“tsconfig.json”。“tsconfig.json”是TypeScript编译器默认使用的配置文件。此例中的配置文件启用了所有的严格类型检查编译选项，并将输出JavaScript的版本指定为ECMAScript 5。在本书后面的章节中，将会详细介绍编译选项的使用方法。

2.2.4.2　新建hello-world.ts文件

使用新建文件快捷键“Ctrl + N”来创建一个文件并输入以下代码：

01 const greeting = 'hello, world';
02 
03 console.log(greeting);

使用保存文件快捷键“Ctrl + S”将这个文件保存为“hello-world.ts”，TypeScript源文件的常规扩展名为“.ts”。