TypeScript基础 -- 如何编译运行ts代码

已于 2022-03-16 01:34:55 修改
阅读量698 收藏 2
点赞数
分类专栏： typescript 文章标签： typescript
于 2021-10-15 11:41:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41387874/article/details/120780486
版权

编译运行第一个TypeScript程序

在vscode中打开终端

  • 打开VSCode的终端，并将写好的TS文件保存。

安装编译器

  • Windows
sudo npm install typescript -g
  • Mac（因为mac需要权限才可以全局安装）
sudo npm install typescript -g

编译

  • 在终端使用命令

tsc XXX.ts

会将ts文件编译成同名js文件。

运行

  • 在终端使用命令

node XXX.js

可以将编译出的js文件运行。

weixin_41387874
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
TypeScript（ts）环境搭建与编译
zhangqian19901207的博客
09-07 7551
一、ts介绍 TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。 TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。 二、ts环境搭建 TypeScript编写的程序并不能直接通过浏览器运行，需要通过编译器把代码转换成JavaScript代码，TypeSc
ts-debug-example:在vsc中使用ts节点调试Typescript代码而不进行编译
04-30
无需编译即可在VS代码中调试TypeScript（使用ts-node ） 此存储库包含带有Visual Studio Code launch.json的示例TypeScript项目，该项目使您无需单独的构建步骤即可运行TypeScript代码和Mocha测试。 用法 git clone...
node.js 运行ts代码讲解
qq_39962271的博客
02-29 1456
步骤 1: 安装 Node.js 步骤 2: 安装 TypeScript 步骤 3: 创建 TypeScript 文件
TS_开发一个项目
最新发布
分享程序相关知识
06-28 1265
使用 typescript +webpack 开发一个简单前端项目。
TS自动编译
weixin_45664402的博客
06-07 310
自动监视文件变化 tsc xxx.ts -w 编译路径下的所有ts文件 前提：目录下有tsconfig.json，即使其是空文件也可以生效。 快速生成tsconfig.json命令tsc -init tsc 自动编译路径下的所有ts文件 tsc -w //在主文件路径下执行 ...
【直接运行TS文件的三种方法】
No_Name_Cao_Ni_Mei的博客
09-12 5201
4：重启后就会发现在ts文件中就会出现 run 了。3：在设置中安装安装插件后重启。
VScode直接执行ts文件
weixin_57263939的博客
04-02 2651
以下操作均已安装node.js 首先先下载typescript 使用npm i typescript -g 进行全局安装 然后全局安装ts编译器 npm i ts-node -g 接着再项目目录下安装生成tsconfig.json文件 tsc --init 找到该文件 根据自己想编译的版本进行修改 最后在命令行输入ts-node xxx.ts即可执行 ...
typescript-generic-study:ts普通研究
04-02
2. **类型推断与检查**：TypeScript 的编译器能够利用泛型进行类型推断，确保在运行时数据类型正确，防止潜在的类型错误。 3. **强类型安全**：泛型可以提供强类型检查，避免在操作过程中出现类型不匹配的问题，提高...
typescript-transformer-handbook：:blue_book:有关如何使用代码示例为TypeScript创建转换器的综合手册
02-06
TypeScript是Javascript的类型化超集，可编译为纯Javascript。 TypeScript支持消费者将代码从一种形式转换为另一种形式的能力，类似于如何通过plugins进行。 跟随我获取更新和一般性论述 运行示例 您可以通过本手册...
nodejs-typescript-样板：nodejs-typescript-样板
02-09
“nodejs-typescript-boilerplate-main”可能是项目的主要目录或入口文件，它可能包含了项目的基本结构，如`package.json`（定义项目依赖和脚本）、`tsconfig.json`（TypeScript编译配置）、`index.ts`（项目启动...
TypeScript笔记-011
08-03
TypeScript 代码需要通过编译转换成 JavaScript 才能运行，其源文件通常以 `.ts` 结尾。使用 TypeScript 可以增强代码的可读性和可维护性，因为它在编译阶段就能发现许多潜在的错误。 ### 环境配置 安装 ...
完整的TS码流分析源代码
06-11
转载别人的, 基本免费，供大家学习 1）在终端显示流中所有节目的信息（节目号，解码名字，音视频ID，输入一个节目号能够保存音视频数据包，能够在播放器中播放）。(PAT,SDT,PMT表的解析) 2）输入一个节目号能够显示未来几天的信息（EIT表的解析） 3）显示NIT表中的信息 4）显示CAT表的信息（主要是ECM_PID,和EMM_PID） 5）显示系统的时间，这个是我猜的其实我也不知道是系统时间（TDT表的解析）
ts测试代码
11-23
TS相关资料,包括详细的分析过程，以及协议标准 参考网页 http://www.cnblogs.com/aHuner/archive/2013/05/27/3102432.html
TS解析源代码
05-28
TS解析源代码，比较详细，经典，适合入门开发者参考
Ts学习示例代码
11-22
自己的学习示例文档
ts：ts项目
02-07
这是由提供支持的工作流存储库，是从 :chequered_flag: 入门 构建Actionsflow工作流分为三个步骤： 通过此创建公共的Github存储库。 典型的Actionsflow存储库结构如下所示： ├── .github │ └── workflows │ └── actionsflow.yml ├── .gitignore ├── README.md └── workflows │ └── rss.yml │ └── webhook.yml └── package.json 在workflows目录中定义您的 典型的工作流程文件rss.yml如下所示： on : rss : url : https://hnrss.org/newest?points=300&count=3 jobs : request : name : Make a HTTP
TS使用教程
qq_47040462的博客
09-03 2974
1.1在本地运行ts代码需要先编译，可以通过命令安装tsc，tsc 的作用就是把.ts脚本转变成.js脚本（先安装npm）1.2.通过tsc -v查询版本。
TypeScript入门到入土（2）ts的编译选项
Yajyaj123的博客
07-07 383
TS编译选项有哪些？怎么配置，快来看看
TS代码规范
梦马韶华
04-18 1779
良好的TypeScript 代码规范可以帮助技术团队统一代码风格，提高代码质量和可读性，同时也能避免一些常见的编程错误。
TypeScript 2.0-2.3新特性概述：从静态类型到非空类型与混入类
9. **通用模块导入**（UMD模式）：确保TypeScript编译后的代码可以在多种环境中无缝工作，包括浏览器和Node.js。 通过这次演讲，听众能够了解到TypeScript如何不断进化，以及如何利用这些新特性来提升JavaScript...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值