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!的主要内容,如果未能解决你的问题,请参考以下文章