欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 文旅 > 旅游 > 第一天学习 TypeScript :从零基础到环境搭建与基础语法实践

第一天学习 TypeScript :从零基础到环境搭建与基础语法实践

2025/4/1 0:24:55 来源:https://blog.csdn.net/Html_vueJs/article/details/146591280  浏览:    关键词:第一天学习 TypeScript :从零基础到环境搭建与基础语法实践

TypeScript

日期:2025年3月28日
作者:内向的小码农


一、学习背景与目标

作为一名有前端基础(HTML/CSS/JavaScript)的开发者,我深知动态类型语言在协作开发中的痛点。TypeScript 的静态类型系统不仅能提升代码可维护性,还能通过编译时检查减少运行时错误。


二、学习步骤与代码实践
1. 环境搭建(耗时:30分钟)

步骤说明
• 安装 Node.js(需先安装,TypeScript 依赖其包管理工具)
• 全局安装 TypeScript 编译器:

npm install -g typescript  

• 验证安装:

tsc -v  

代码示例

# 安装命令
npm install -g typescript# 验证版本
tsc -v  # 输出类似 "Version 5.0.0" 即成功

心得:环境搭建过程简单,但需注意 Node.js 版本需 >=12.0.0 以兼容最新 TypeScript 特性。


2. 编写第一个 TypeScript 程序(耗时:1小时)

目标:通过一个简单示例理解 TypeScript 的类型注解和编译过程。
代码示例

// hello.ts
function greet(name: string): string {return `Hello, ${name}!`;
}const user = "前端开发者";
console.log(greet(user));

编译与运行

#方案1 基本的命令行
tsc hello.ts  # 生成 hello.js
node hello.js  # 输出 "Hello, 前端开发者!"#方案2 自动化编译 (一般选择这种)
tsc -init #初始化一个json配置文件
#tsconfig.json 
#"noEmi

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词