建议全局安装npm i -g typescript安装好之后,就可以直接使用 tsc 来编译 ts 文件了可通过 tsc 回车查看 tsc 的各项配置信息,通过 tsc --version 查看版本号。编译我们现在可以创建一个 ts 文件,并将他编译成 js 文件,比如下面简单的代码:let str: string = “hello”;通过命令 tsc +文件路径 运行 ts 文件。如:tsc index.ts然后会生成对应的 js 文件。再运行 js 文件。注意:这里生成的 js 代码默认的编译目标是 ES3。但是,就是这么简单的代码,编译之后却会报错。不用担心,这个错误,并不是我们的错误,原因是默认情况下,TS 会做出下面的几种假设:1、假设当前环境在 DOM 环境中2、如果代码中没有模块化语句,默认代码是全局执行的,所以变量就是全局变量要最简单的解决,就是用模块化。模块化就是在 ts 文件最后加上代码语句:export {}也可以通过加上 TS 的配置文件,或者tsc命令行的选项参数。配置文件可以直接在根目录下创建 tsconfig.json 文件,然后配置参数。tsconfig.json 配置文件官方配置文件说明地址:tsconfig.json具体说明见tsconfig.json.xmind如果项目中指定了tsconfig.json文件,运行tsc不需要再指定文件路径地址{ “compilerOptions”: { “target”: “ES2017”, // 编译目标版本 “lib”: [“ES2017”, “DOM”, “DOM.Iterable”], // 需要引用的库 “outDir”: “./dist” // 指定输出目录,如果未指定和对应的.ts文件同目录 }, “include”: [“src/**/*.ts”] // 指定需要编译的文件或目录}使用第三方库简化流程先运行 ts 再运行 js 很麻烦?使用 ts-node 解决。ts-node 将 ts 代码在内存中完成编译,同时完成运行安装:npm i -g ts-node运行:ts-node src/index.tsnodemon 检测文件变化(热更新)安装:npm i -g nodemon运行:nodemon --exec ts-node src/index.ts当然,我们可以像之前一样,将这个代码放入到package.json的 scripts 属性中:“scripts”: { “start”: “nodemon --exec ts-node src/index.ts”},然后通过命令 npm start 就可以直接运行和编译 ts 文件了。或者通过 ts-node-dev 包来运行 ts。这个包集成了 nodemon 包。(不推荐)安装:npm i ts-node-dev --save-dev然后配置运命令:“scripts”: { “dev”: “ts-nd --respawn src/index.ts”},然后就可以通过命令 npm run dev 来运行和编译 ts 文件了。但是运行 tsc 命令会发现报错,所以不推荐安装这个包:ts-node-dev可通过命令:npm rm ts-node-dev 删除该包。