TypeScript学习: 一、TypeScript的Hello World
一、typeScript 介绍
1、typeScript 是一种由微软开发的开源编程语言
2、TypeScript 是JavaScript的超集,遵循最新的ES6,ES5规范, TypeScript 扩展JavaScript的语法
3、TypeScript 与后端语言java、C# 面向对象语言相像, 可以样js 开发大型的企业项目
4、谷歌的Angular2.x+就是基于TypeScript语法
5、最新的VUE、React 也可以集成TypeScript
6、Nodejs 框架 NestJs、midway中用的就是TypeScript语法
TypeScript 包括 ES6 --- ES6 包括 ES5
二、typeScript的安装和编译
1、安装
在使用npm 命令之前电脑要先安装好nodejs
npm install -g typescript 或者 cnpm install -g typescript 或者 yarn global add typescript
如果电脑没有安装过cnpm , 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果电脑没有安装过yarn, 安装 yarn
npm install -g yarn
或者
cnpm install -g yarn
在执行好(安装好)typeScript 之后, 要重新打开新的命令窗口, 检查是否安装成功
打开新的命令窗口 输入 tsc -v 如果显示了typeScript的版本号, 已经安装成功了
2、运行
打开VS代码编辑器 -新建文件 ts
打开终端运行
输入 tsc 1.ts 注意要在当前文件目录下输入tsc
执行成功后会生成一个js文件
3、自动编译TS代码
在需要自动编译的目录下打开cmd, 或者cd到对应的目录, 输入 tsc --init
回车, 等待生成tscconfig 文件
打开生成文件修改 输出路径
修改完成, 保存
打开VS代码编辑器,选择 顶部的终端, 选择运行,点击typeScript
选择监视
自动生成了js文件夹和js文件
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
· 【译】Visual Studio 中新的强大生产力特性
· 2025年我用 Compose 写了一个 Todo App