TypeScript-简介
这是TypeScript编程语言的简介。
什么是TypeScript？
TypeScript是Microsoft开发的一种开放源代码编程语言，它是JavaScript的超集。
TypeScript是强类型化，面向对象和已编译的语言。
然后将TypeScript代码编译为JavaScript。
TypeScript文件的扩展
TypeScript文件具有.ts扩展名。
例如：main.ts
前提条件
您必须具有以下主题的一些基本知识。
- HTML
- CSS
- JavaScript
- DOM
让我们继续安装TypeScript并开始编写一些代码。
步骤1：安装Node.js和npm
要设置我们的开发环境，我们必须首先安装Node.js和NPM，后者是Node的软件包管理器。
单击此处以阅读有关如何在Mac上安装NodeJS的教程。
安装完成后，您可以通过在终端node -v和npm -v中运行以下命令来检查node和npm的版本。
在撰写本教程时，我正在使用以下版本。
theitroad-MBP:~ theitroad$node -v v7.7.2 theitroad-MBP:~ theitroad$npm -v 5.8.0
步骤2：安装TypeScript
现在，我们必须通过在终端中运行以下命令来全局安装TypeScript。
$npm install -g typescript
如果需要，使用sudo。
要检查版本，请在终端中输入tsc -v。
在撰写本教程时，我正在使用以下版本。
theitroad-MBP:~ theitroad$tsc -v Version 2.7.2
步骤3：创建一个项目
打开您喜欢的文本编辑器或者IDE，然后创建一个新的项目文件夹，并将其命名为typescript-project。
注意！您可以根据需要命名项目。
为了保持一致，我将使用上述名称。
现在，在项目文件夹中创建一个index.html和app.ts文件。
$touch index.html $touch app.ts $ls -la total 16 drwxr-xr-x 4 theitroad staff 136 Mar 10 12:40 . drwxr-xr-x 4 theitroad staff 136 Mar 10 12:39 .. -rw-r--r--@ 1 theitroad staff 28 Mar 10 12:40 app.ts -rw-r--r--@ 1 theitroad staff 352 Mar 10 12:40 index.html
步骤4：NPM初始化
现在，在项目文件夹中执行命令npm init以在项目文件夹中创建package.json文件。
步骤5：运行tsc --init
现在，在终端中，在项目文件夹中执行以下命令。
$tsc --init
这将在项目文件夹中创建一个tsconfig.json文件。
现在，如果我们在项目文件夹中运行tsc命令，它将把所有的打字稿文件编译成javascript文件。
步骤6：打开app.ts文件
打开app.ts文件并编写以下代码。
let message = 'Hello World'; console.log(message);
保存文件并使用以下命令编译文件。
$tsc app.ts
这将编译TypeScript文件并生成app.jsJavaScript文件。
步骤7：打开index.html文件
现在打开index.html文件并编写以下代码。
<!DOCTYPE html> <html> <head> <title>TypeScript</title> </head> <body> <script type="text/javascript" src="app.js"></script> </body> </html>
因此，在上面的代码中，我们包含了在编译app.ts文件之后生成的app.js文件。
现在，如果我们打开这个index.html文件，我们将在浏览器控制台中收到消息Hello World。
