Typescript安装

建议全局安装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 删除该包。