typescript 学习笔记(一)编写第一个TS程序

1 创建项目

  • 安装node js

  • 创建并初始化一个项目
    创建一个目录 使用命令行打开 输入以下命令初始化
    node init -i
    输入命令后 会提示你输入项目的名称等一些基础信息

  • 初始化项目后安装typescript
    npm install -D typescript
    这里的 -D 表示将这个插件安装到开发环境下这个是简写 完整的写法: --save-dev

  • 初始化typescript
    npx tsc --init
    初始化typescript 后会生成一个tsconfig 文件。
    这里有一点需要注意的,target 属性表示编译的版本 ,这里设置为esnext 表示最新的版本


    image.png

2 运行项目

项目创建后就是运行项目了,首先创建一个index.ts 文件

  1. 使用node 命令运行

使用node index.ts 运行

需要注意的是,这个文件中 interface name{}; 是typescript的语法 直接使用node命令运行项目 会报错的,需要编译后才能运行。

image.png

使用命令
npx tsc
编译index.ts 文件 ,编译好后 会生成一个index.js 文件 然后再使用 node index.ts 命令来运行

  1. 安装ts-node 运行包
    npm install -D ts-node
    安装ts-node 后可以直接运行 ts文件。
    命令: node -r ts-node/register index.ts
    可以在package.json 中配置命令来运行配置好之后 使用 npm start 就能运行了


    image.png

你可能感兴趣的:(typescript 学习笔记(一)编写第一个TS程序)