• 在空目录中创建一个项目 ```typescript // 初始化npm项目生产package.json npm init -y

    // 安装生产依赖 npm i typescript -D

    // 产生tsconfing.json npx ts —init

    1. > 以上三步执行后目录如下图所示:
    2. > ![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)
    3. - 修改`tsconfig.json`文件中js`target: "ESNEXT"`
    4. - 先运行一段ts代码;
    5. - 新建一个`index.ts`
    6. ```typescript
    7. console.log("hello typescript");
    • 终端中执行:npx tsc,命令执行之后,就会多出一个index.js的文件夹 然后输入命令:node index.js;执行之后控制台就会输出如下图所示:

      1. ![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;
      1. npm i ts-node -D

      在终端中输入如下命令执行刚写好的代码

    1. node -r ts-node/register .

    执行后如下图所示:

    image.png