外观
配置TypeScript运行环境
安装TypeScript编译器
Node.js/浏览器，只认识 JS 代码，不认识 TS 代码。需要先将 TS 代码转化为 JS 代码，然后才能运行。
我们可以使用npm全局安装ts编译器。
npm install -g typescript全局安装ts编译器后，就可以使用tsc编译ts代码，使用tsserver启动ts服务器。
tsc --version # 查看tsc版本尝试编译TypeScript代码
我们创建一个index.ts文件，然后输入以下的代码。
let strings: Array<string> = ['a', 'b', 123];
console.log(strings);随后用终端，运行如下命令，编译index.ts。
tsc index.ts在编译时，它提示了一个错误。
index.ts:1:41 - error TS2322: Type 'number' is not assignable to type 'string'.
1 let strings: Array<string> = ['a', 'b', 123];
~~~
Found 1 error in index.ts:1它的意思是123不是数组元素指定的类型string。由此我们可以看到，
我们将该代码改为正确的。
let strings: Array<string> = ['a', 'b', 'c'];
console.log(strings);重新运行编译index.ts命令，可以看到在index.ts目录下多了一个index.js。
var strings = ['a', 'b', 'c'];
console.log(strings);这就是编译TS的过程。
准备运行TS项目
在学习TS的过程中，频繁使用tsc命令显然不太方便，我们可以依赖于自动工具。我们可以创建一个基于vue的ts文件，然后启动vue服务器，TS输出的内容就可以在网页中实时预览了。
我们可以执行以下命令初始化Vue项目，然后修改main.ts，即可实时运行TS文件。
npm init vite@latest
√ Project name: ... ts-demo
√ Select a framework: » Vue
√ Select a variant: » TypeScript
Scaffolding project in A:\JetBrainsProjects\Test\ts-demo...
Done. Now run:
cd ts-demo
npm install
npm run dev执行cd ts-demo和npm install后，前往项目根目录，将src内除main.ts外的所有文件都删除，然后删除main.ts内的代码，最后运行vite，启动开发服务器，我们就可以将main.ts内的代码输出到页面中了。