- 在空目录中创建一个项目 ```typescript // 初始化npm项目生产package.json npm init -y
// 安装生产依赖 npm i typescript -D
// 产生tsconfing.json npx ts —init
> 以上三步执行后目录如下图所示:
> ![image.png](https://cdn.nlark.com/yuque/0/2021/png/541953/1612344957461-b3e9f921-ec1e-4956-9332-b164c4ef73a3.png#align=left&display=inline&height=159&margin=%5Bobject%20Object%5D&name=image.png&originHeight=159&originWidth=238&size=5503&status=done&style=none&width=238)
- 修改`tsconfig.json`文件中js的`target: "ESNEXT"`
- 先运行一段ts代码;
- 新建一个`index.ts`
```typescript
console.log("hello typescript");
终端中执行:
npx tsc
,命令执行之后,就会多出一个index.js
的文件夹 然后输入命令:node index.js
;执行之后控制台就会输出如下图所示:![image.png](https://cdn.nlark.com/yuque/0/2021/png/541953/1612346133845-ddbeeed5-8fe2-4f50-b568-4d702df3295c.png#align=left&display=inline&height=61&margin=%5Bobject%20Object%5D&name=image.png&originHeight=61&originWidth=216&size=2107&status=done&style=none&width=216)
程序每修改一次就要执行一次以上命令,这种重复的劳作实属不是我们的风格,有什么办法解决呢,那就是
ts-node
这个包 ts-node
- 安装运行ts程序的依赖:
ts-node
;npm i ts-node -D
在终端中输入如下命令执行刚写好的代码
node -r ts-node/register .
执行后如下图所示: