纯html应用typescript

编程入门 行业动态 更新时间:2024-10-07 06:40:58

纯<a href=https://www.elefans.com/category/jswz/34/1771262.html style=html应用typescript"/>

纯html应用typescript

安装 TypeScript
TypeScript 的命令行工具安装方法如下:

npm install -g typescript

以上命令会在全局环境下安装 tsc 命令,安装完成之后,我们就可以在任何地方执行 tsc 命令了。

编译一个 TypeScript 文件很简单:

tsc hello.ts

构建你的第一个TypeScript文件
在编辑器,将下面的代码输入到greeter.ts文件里:

function greeter(person) {return "Hello, " + person;
}let user = "Jane User";document.body.innerHTML = greeter(user);

编译代码
我们使用了.ts扩展名,但是这段代码仅仅是JavaScript而已。 你可以直接从现有的JavaScript应用里复制/粘贴这段代码。

在命令行上,运行TypeScript编译器:

tsc greeter.ts

输出结果为一个greeter.js文件,它包含了和输入文件中相同的JavsScript代码。

在greeter.html里输入如下内容:

<!DOCTYPE html>
<html><head><title>TypeScript Greeter</title></head><body><script src="greeter.js"></script></body>
</html>

更多推荐

纯html应用typescript

本文发布于:2024-02-19 14:51:04,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1764476.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:html   typescript

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!