# learn-typescript

**Repository Path**: yanyunchangfeng/learn-typescript

## Basic Information

- **Project Name**: learn-typescript
- **Description**: learn typescript
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2020-06-02
- **Last Updated**: 2024-12-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 介绍

你好，我是[燕云长风](https://yanyunchangfeng.github.io)。寓意：结合李白著名的边塞诗《关山月》取【燕云长风】—— 长风几万里，吹度玉门关。

## 用法

```
  yarn or npm i
  yarn start or npm start
```

## typescript 的讲解演示:

1.  [基础类型·联合类型.数组·元组.枚举类型.对象类型.never.any.null.undefined](src/app/lesson1/basic-types.ts)
2.  [interface 接口](src/app/lesson2/interface.ts)
3.  [函数](src/app/lesson3/function.ts) | [类型推断](src/app/lesson3/type-assert.ts) | [类型保护](src/app/lesson3/type-protect.ts)
4.  [class](src/app/lesson4/class.ts)
5.  [enum](src/app/lesson5/enums.ts)
6.  [generics](src/app/lesson6/generics.ts) | [generics-new](src/app/lesson6/generics-new.ts)
7.  [类型和类型别名](src/app/lesson7/more.ts)
8.  [重写/重载](src/app/lesson8/index.ts)
9.  [问题答疑](src/app/lesson9/index.ts) | [review](src/app/lesson9/review.ts)
10. [模块和命名空间](src/app/lesson10/index.ts)
11. [装饰器](src/app/lesson12/index.ts)
12. [交叉类型](src/app/lesson13/index.ts)
13. [ts中的兼容性特性和问题](src/app/lesson14/index.ts)
14. [条件类型](src/app/lesson15/index.ts)
15. [内置类型](src/app/lesson16/index.ts)
16. [自定义类型](src/app/lesson17/index.ts)
17. [unknown](src/app/lesson18/index.ts) | [declare ts其他特性](src/app/lesson18/declare.ts)
18. [声明文件](src/app/lesson19/index.ts)

## 系列项目

| 名称 | 描述 |
| --- | --- |
| NiceFish（美人鱼） | 这是一个系列项目，目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式。后端有两个版本：SpringBoot 版本和 SpringCloud 版本，http://git.oschina.net/mumu-osc/NiceFish/ |
| NiceFish-React | 这是React 版本，基于React 18.2.0 ，使用 Antd、Inversify、 定制版 Bootstrap开发。 https://gitee.com/mumu-osc/NiceFish-React |
| nicefish-ionic | 这是一个移动端的 demo，基于 ionic，此项目已支持 PWA。http://git.oschina.net/mumu-osc/nicefish-ionic |
| NiceBlogElectron | 这是一个基于 Electron 的桌面端项目，把 NiceFish 用 Electron 打包成了一个桌面端运行的程序。这是由 ZTE 中兴通讯的前端道友提供的，我 fork 了一个，有几个 node 模块的版本号老要改，如果您正在研究如何利用 Electron 开发桌面端应用，请参考这个项目，https://github.com/damoqiongqiu/NiceBlogElectron |
| OpenWMS | 用来示范管理后台型系统的最佳实践，https://gitee.com/mumu-osc/OpenWMS-Frontend |
| nicefish-springboot | 用来示范前后端分离模式下，前端代码与后端服务的对接方式，已经完成了基线版本，并且在腾讯云上面做了实际的部署。代码仓库在这里： https://gitee.com/mumu-osc/nicefish-spring-boot ，腾讯云上的演示地址在这里： http://118.25.136.164 ，以此为基础，你可以继续开发出适合自己业务场景的代码。 |
| nicefish-springcloud | 用来示范前后端分离模式下，前端代码与分布式后端服务的对接方式，即将完成，代码最近放出。 |

## 单元测试

```
   yarn test or npm run test
```

## 端到端测试

```
   yarn cypress:open or  npm run cypress:open
   yarn cypress:run or  npm run cypress:run
```

## 打包分析

```
   yarn build-analyzer or npm run build-analyzer
```

## 社交主页

- [燕云长风 github](https://github.com/yanyunchangfeng)

## 开源许可证

MIT