• 35648

    文章

  • 23

    评论

  • 20

    友链

  • 最近新加了很多技术文章,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

TypeScript 初识 - 基础

欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/jsh/2019/0812/105087.html 1190000020040165

安装

通过 npm 命令进行安装:

$ npm i -g typescript

创建 ts 文件

Typescript 文件名以 ts 扩展名结尾:

function hello(value: string) {
    console.log(`hello ${value}`);
}

hello('world');

编译

  • 通过命令行进行编译:
$ tsc test.ts
  • 通过 VSCode 运行任务的方式进行编译:

    • Windows 下使用 Ctrl + B 显示运行任务,选择 tsc: 构建 - tsconfig.json 进行编译。

编译后会根据 tsconfig.json 文件的配置生成 JavaScript 文件。

VSCode 调试

VSCode 调试 TypeScript 文件的前提:

// tsconfig.json 必须要写入的配置
{
    "compilerOptions": {
        "sourceMap": true
    }
}

VSCode 自带编译运行 TypeScript 文件,launch.json 配置:

{
    "type": "node",
    "request": "launch",
    "name": "run file",
    // 源文件的路径,一般与 tsconfig.json 中 rootDir 配置相关
    "program": "${workspaceFolder}/src/hello-world.ts",
    // 调试前需要运行任务,将 TypeScript 文件编译成 JavaScript 文件
    "preLaunchTask": "tsc: 构建 - tsconfig.json",
    // 输出 JavaScript 文件的路径,一般与 tsconfig.json 中 outDir 配置相关
    "outFiles": [
        "${workspaceFolder}/dist/**/*.js"
    ]
}

相关文章

暂住......别动,不想说点什么吗?
  • 全部评论(0
    还没有评论,快来抢沙发吧!