TypeScript 开发实战
梁宵
搜狗营销事业部高级架构师
34174 人已学习
新⼈⾸单¥59
课程目录
已完结/共 47 讲
TypeScript 开发实战
登录|注册
留言
69
收藏
沉浸
阅读
分享
手机端
回顶部
当前播放: 04 | 编写你的第一个TypeScript程序
00:00 / 00:00
高清
  • 高清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.75x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看
01 | 重塑“类型思维”
02 | 类型基础(1):强类型与弱类型
03 | 类型基础(2):动态类型与静态类型
04 | 编写你的第一个TypeScript程序
05 | 基本类型
06 | 枚举类型
07 | 接口(1):对象类型接口
08 | 接口(2):函数类型接口
09 | 函数相关知识点梳理
10 | 类(1):继承和成员修饰符
11 | 类(2):抽象类与多态
12 | 类与接口的关系
13 | 泛型(1):泛型函数与泛型接口
14 | 泛型(2):泛型类与泛型约束
15 | 类型检查机制(1):类型推断
16 | 类型检查机制(2):类型兼容性
17 | 类型检查机制(3):类型保护
18 | 高级类型(1):交叉类型与联合类型
19 | 高级类型(2):索引类型
20 | 高级类型(3):映射类型
21 | 高级类型(4):条件类型
22 | ES6与CommonJS的模块系统
23 | 使用命名空间
24 | 理解声明合并
25 | 如何编写声明文件
26 | 配置tsconfig.json(1):文件选项
27 | 配置tsconfig.json(2):编译选项
28 | 配置tsconfig.json(3):工程引用
29 | 编译工具:从ts-loader到Babel
30 | 代码检查工具:从TSLint到ESLint
31 | 使用Jest进行单元测试
32 | 创建项目
33 | 组件与类型(1):函数组件与类组件
34 | 组件与类型(2):高阶组件与Hooks
35 | 事件处理与数据请求
36 | 列表渲染与路由
37 | Redux与类型
38 | 搭建服务端开发环境
39 | 列表的CRUD
40 | 导出Excel
41 | 搭建Vue开发环境
42 | 组件封装
43 | 组件发布
44 | 共存策略
45 | 宽松策略
46 | 严格策略
47 | 结课测试&结束语
本节摘要
登录 后留言

全部留言(69)

  • 最新
  • 精选
德育处主任
使用VS Code编辑器的同学们,我推荐一个插件。在VS Code插件库中搜索“TypeScript Auto Compiler”,安装上这个插件,然后在项目工程里tsc --init之后,生成了tsconfig.json文件。之后每次保存ts文件就会自动生成对应的js文件。超级方便的~

作者回复: 感谢推荐!

2019-12-29
2
11
Geek_144c1d
webpack.config.js 中的配置是错误的, 应该是`process.env.NODE_ENV`, 且需要将导出作为函数给webpack调用才能获取正确的传入值

作者回复: 感谢指正,我稍后全体回复一下正确的配置

2019-07-23
2
9
陈志浩
webpack四个配置文件在源码中没找到额。。

编辑回复: https://github.com/geektime-geekbang/typescript-in-action/tree/master/sourcecode/project-migration/stage-0/build

2020-01-03
2
大神博士
TS 最后运行会转为 JS 去运行,视屏中说的强类型语言运行时的优势就不存在了吧?

作者回复: 这种优势体现在编码阶段,TS会把问题暴露在萌芽状态,当然但你也可以忽视,那在运行时当然就和没用TS一样了。

2019-08-03
2
晴风之琪
cheap-module-eval-source-map 这个npm中找不到呢,可以用什么替代?

作者回复: 这是一个webpack配置项,不是一个npm包

2019-08-02
2
2
陈丽丽
我按照老师的教程在package.json中配置工程,最后在npm start的时候,失败了,项目没有跑起来,这应该怎么办呢? code: 'MODULE_NOT_FOUND', requireStack: [ '/Users/chenlili/Downloads/practice/TypeScript/node_modules/webpack-dev-server/bin/webpack-dev-server.js' ] } npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! TypeScript@1.0.0 start: `webpack-dev-server --mode=development --config ./build/webpack.config.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the TypeScript@1.0.0 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! /Users/chenlili/.npm/_logs/2020-06-08T07_32_02_576Z-debug.log

作者回复: 卸载并重新安装webpack、webpack-dev-server试一试

2020-06-08
5
1
墨菲
ERROR in ./src/index.ts 1:9 Module parse failed: Unexpected token (1:9) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > let hello:string="Hello TypeScript"; | document.querySelectorAll('.app')[0].innerHTML=hello; 我这个错误是为什么,loader我应该是安装了

作者回复: 检查一下package.jdon,是不是所有包都装了

2020-05-27
1
h.林.p
npm run build 报错,是webpack现版本不允许这样配置了吗 Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema. - configuration has an unknown property 'plugin'. These properties are valid: object { amd?, bail?, cache?, context?, dependencies?, devServer?, devtool?, entry?, externals?, infrastructureLogging?, loader?, mode?, module?, name?, node?, optimization?, output?, parallelism?, performance?, plugins?, profile?, recordsInputPath?, recordsOutputPath?, recordsPath?, resolve?, resolveLoader?, serve?, stats?, target?, watch?, watchOptions? } For typos: please correct them. For loader options: webpack >= v2.0.0 no longer allows custom properties in configuration. Loaders should be updated to allow passing options via loader options in module.rules. Until loaders are updated one can use the LoaderOptionsPlugin to pass these options to the loader: plugins: [ new webpack.LoaderOptionsPlugin({ // test: /\.xxx$/, // may apply this only for some modules options: { plugin: … } }) ]

作者回复: 是拼写错了吧,plugins,不是plugin

2019-10-29
1
康+禾
想问一下,老师用的vscode有预装视频展示之外的插件吗,我平常工作时候用的webstorm比较多,不知道可不可以直接搬到上面用,会有影响吗

作者回复: 视频展示之外的插件是指什么?没明白

2019-10-22
2
1
何以庆余年
老师,这里的div为什么使用class而不是用id呢?id不是更好一些吗?

作者回复: 网上有很多解释了,我说一些不同的,实际项目中id一般会留作它用,比如统计埋点、自动化测试等,所以一般习惯写class

2019-07-19
1
收起评论