TS 学习笔记 1

TS 学习笔记 1

安装

  • vscode 安装,code.visualstudio.com
  • node.js 安装, nodejs.org
  • 借助npm 安装 tsc, npm i -g tsc
  • 终端执行tsc,权限修改,set-ExecutionPolicy RemoteSigned
  • 配置编译,这样就不用每次都tsc index.ts 了;tsc --init ; 便会生成tsconfig.json
  • 安装包 ts-node ;

示例

var userName: string = "kyriewang"

var userId: number = 1

var isShow: boolean = false

isShow = true

var unType: undefined = undefined

var nullType: null = null

//var arr: Array<string> = []

var arr: string[] = []
arr.push("kyriewang")

let typeArr: [string, number]
typeArr = ["kyriewang", 18]

enum typeS {
    typeString,
    typeNumber,
    typeNull
}

var typeStr: any;

let vTs: void;
vTs = undefined;

var func: Function = () => { }
func = function name(params: number) {

}
console.log("hello");

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TypeScript</title>
</head>
<body>
    <script src="index.js">
    </script>
</body>
</html>
<think>好的,我需要帮助用户寻找TypeScript相关的学习笔记和资料。首先,根据用户提供的引用内容,已经有几个资源被提到了,比如阮一峰的《TypeScript 入门教程》和TypeScript-Compiler-Notes项目。我需要整理这些信息,并可能补充其他常见的优质资源。 首先,检查用户提供的引用。引用[1]提到了个人笔记和阮一峰的教程,引用[2]是TypeScript编译器笔记的项目,引用[3]是安装TypeScript的方法,引用[4]涉及类型别名和编译选项。用户可能想要更多的学习资料,所以需要将这些已有的内容组织起来,并添加一些其他推荐,比如官方文档、实践项目、社区资源等。 接下来,要确保回答符合系统级指令,比如使用正确的中文和LaTeX格式。不过当前问题主要涉及学习资料,可能不需要数学公式,但如果有相关内容,需要正确应用格式。例如,在解释类型别名时,如果提到类型联合,可以用$type\ A = string\ |\ number$这样的行内公式,但根据用户提供的引用,现有的例子已经足够,可能不需要额外添加。 然后,生成相关问题。根据用户的问题,相关问题应该围绕学习资料、教程、安装配置、进阶内容等。例如,如何安装TypeScript,推荐的学习路径,如何参与开源项目等。 需要确保回答结构清晰,分点列出推荐的资料,每个点简要说明内容和获取方式,并在引用处添加标识。同时,补充其他资源时,应确保来源可靠,比如官方文档、知名社区的教程等。 最后,检查是否有遗漏的信息,比如用户可能需要的安装步骤、配置编译选项的方法,这些在引用[3]和[4]中已经提到,可以进一步扩展说明。 总结步骤: 1. 整理用户提供的引用中的资源,明确每个引用的内容。 2. 补充其他常见的TypeScript学习资源,如官方文档、进阶教程、实践项目。 3. 结构化回答,分点列出资源,每个点包含名称、简介和引用标识。 4. 生成相关问题,涵盖安装、学习路径、进阶内容等。 5. 确保符合格式要求,正确使用引用标识,避免使用Markdown,用自然的中文表达。</think>根据您的需求,以下是TypeScript相关学习资源的整理推荐: ### 一、基础学习资料 1. **阮一峰《TypeScript 入门教程》** 适合新手的免费在线教程,涵盖基础语法到高级类型系统,提供中文环境友好解释[^1]。例如类型别名的使用: $type\ mytype = string\ |\ number$ 可实现联合类型定义。 2. **TypeScript官方文档** 权威指南,包含最新特性说明和代码示例,推荐作为核心参考资料(官网:[typescriptlang.org](https://www.typescriptlang.org/))。 ### 二、实践与进阶 3. **TypeScript-Compiler-Notes项目** 深入分析TS编译器源码,适合想了解底层实现的开发者,项目地址可访问:[GitCode镜像库](https://gitcode.com/gh_mirrors/ty/TypeScript-Compiler-Notes)[^2]。 4. **编译选项配置** 通过`tsconfig.json`文件配置模块解析策略,例如: $$ { "compilerOptions": { "target": "ES6", "strictNullChecks": true } } $$ 此类配置可提升代码质量[^4]。 ### 三、环境搭建 5. **安装TypeScript** 使用npm全局安装: ```bash npm install -g typescript ``` 安装后通过`tsc --init`生成配置文件[^3]。 ### 四、社区资源 6. **GitHub开源项目** 参与如Vue 3、Ant Design等使用TS的大型项目,学习实际工程应用。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值