TypeScript@HelloWorld!

Posted hzpeng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了TypeScript@HelloWorld!相关的知识,希望对你有一定的参考价值。

一、TypeScript是什么呢?

TypeScript是由微软开发的开源编程语言,是javascript的超集语言,编译后生成js文件。TypeScript在JavaScript的基础上添加了一些好用的语法糖,可选的静态类型和基于类的面向对象编程。

二、搭建开发环境

1、搭建Node开发环境,参考:超详细Node安装教程

2、安装TypeScript包

安装命令: npm install typescript -g

检查版本: tsc --version

三、HelloWord!

1、初始化项目: npm init -y 生成package.json文件。

2、使用 tsc --init 创建tsconfig.json文件,它是一个TypeScript项目的配置文件,可以通过读取它来设置TypeScript编译器的编译参数。

3、使用npm install @types/node --dev-save 安装@types/node。

4、新建HelloWorld.ts文件编写代码

var a:string = "HelloWorld"
console.log(a)

5、将ts文件编译成js文件

方法1:使用VsCode可以在工具栏-终端-运行任务-选择tsc:构建-tsconfig.json

方法2:在终端输入命令 tsc HelloWorld.ts

方法3:在终端执行命令 tsc -w 可以动态检测ts文件的改变并自动编译

感兴趣的话一起学习吧~

以上是关于TypeScript@HelloWorld!的主要内容,如果未能解决你的问题,请参考以下文章

代码片|水波纹

代码片--练习匿名内部类

一个简单的时间片轮转内核代码的分析(课程作业)

markdown 放代码片

代码片-下拉树实现

用java给html文件添加必要的控制html代码片