- 综合排序
- 最热优先
- 最新优先
- 来自专栏WecTeam
TypeScript 安利指南
真香 经过了一段时间的理解之后，写了这篇文章，旨在给犹豫是否学习或者还在观望TypeScript的同学做个使用ts的收益分析，希望能够打动屏幕面前的你。 安利 ts难写吗？不难。 ts在js中的玩法 TypeScript和vscode都是微软的亲儿子，他们兄弟俩相互协作肯定会有更多小花样，甚至你用的只是js文件，也可以享受到。 或许你可以参考下我学习的轨迹： 传送门--TypeScript 入门教程 (墙裂推荐)[1] 传送门--为 Vue3 学点 TypeScript , 体验 TypeScript[2] 传送门--一篇朴实的文章带你 References [1] 传送门--TypeScript 入门教程 (墙裂推荐): https://github.com/xcatliu/typescript-tutorial/blob/master /README.md [2] 传送门--为 Vue3 学点 TypeScript , 体验 TypeScript: https://juejin.im/entry/5d19adb3f265da1b7b31a28b
1.1K10发布于 2020-01-14 - 来自专栏前端Q
TypeScript 渐进迁移指南
英文 | https://nextfe.com/ 英文作者 | Nathaniel 我之前写了一篇《如何把 Node.js 项目从 JavaScript 迁移到 TypeScript 的指南》。 指南的阅读量超过了七千，不过其实当时我对 JavaScript 和 TypeScript 的了解并不深入，把重心更多地放到特定工具上，而没怎么从全局着手。 如果我告诉你，你可以增量迁移到 TypeScript 并立刻从中受益呢？ 类型检查升级 修复 95% 以上类型检查错误并确保每个库都有相应的类型定义后，你可以进行最后一步：正式把整个项目的代码迁移到 TypeScript。 注意：我上一篇指南中提到的一些细节这里就不讲了。 替代方案：如果你希望一下子迁移整个项目到 TypeScript，可以参考 airbnb 团队的指南。 本文完〜
2.3K20发布于 2021-02-05 - 来自专栏编程小白狼
TypeScript 基础语法入门指南
TypeScript 是 JavaScript 的超集，通过静态类型检查和丰富的语法特性，帮助开发者编写更健壮、可维护的代码。 本文将从零开始介绍 TypeScript 的基本语法，帮助你快速掌握核心概念。 类型注解（Type Annotations） TypeScript 的核心功能是静态类型检查，通过在变量、函数参数和返回值上添加类型注解，明确数据的类型。 typescript Copy Code // 基本类型 let name: string = "Alice"; let age: number = 30; let isActive: boolean typescript Copy Code interface User { name: string; age: number; isAdmin?
80210编辑于 2025-04-15 - 来自专栏code秘密花园
TypeScript 终极初学者指南
大家好，我是 ConardLi，在过去的几年里 TypeScript 变得越来越流行，现在许多工作都要求开发人员了解 TypeScript，各大厂的大型项目基本都要求使用 TypeScript 编写。 Typescript 值得学吗？ 下面是学习 Typescript 的几个理由： 研究表明，TypeScript 可以发现 15% 的常见 bug。 TypeScript 可以让代码的可读性更好，你可以更好的理解代码是在做什么。 TypeScript 可以你申请到更多好工作。 TypeScript & React TypeScript 完全支持 React 和 JSX。 React 的 TypeScript 文件)扩展名的文件，并使用 TypeScript 编写我们的组件。
7.7K20编辑于 2022-04-08 - 来自专栏各类技术文章~
TypeScript类型元编程入门指南
众所周知，TypeScript的类型系统因其高度灵活性而常常被戏称“类型体操”。各路高人纷纷在类型系统上卷了起来，实现了各种不可思议的功能。 最近徐飞叔叔还写了个中国象棋，可以说很卷了。 元编程的基础是图灵完备的子系统，那么TypeScript类型系统是否是图灵完备的呢？答案当然是肯定的。 TypeScript类型系统的extends ? TypeScript的基础类型包括Number、Boolean、String、Tuple（元组）等，复杂类型则有函数、对象，尽管理论上获得了图灵完备，但我们仍需要一些基础的运算支撑。 true : false : true 复制代码 number操作 TypeScript中虽然支持常量，但是它本身算不上友好，在类型系统中它几乎无法进行任何运算，本身的加减法都是没有的， ts=4.5… 好了，如果你看到这里，相信对TypeScript类型元编程已经有了初步的了解，接下来可以把它灵活运用到日常工作中啦。
37100发布于 2021-11-01 - 来自专栏一尾流莺学前端
【编码规范】Typescript 编码风格指南
用更合理的方式书写 Typescript 规范的代码可以促进团队合作， 规范的代码可以减少 bug 处理， 规范的代码可以降低维护成本， 规范的代码有助于代码审查， 养成代码规范的习惯，有助于程序员自身的成长
1.7K20编辑于 2022-12-10 - 来自专栏WecTeam
Node.js项目TypeScript改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node ，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。 TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范，
5.3K20发布于 2019-12-24 - 来自专栏Nodejs技术栈
Node.js 项目 TypeScript 改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node ，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。 TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范，
9.3K32发布于 2019-12-06 - 来自专栏/root
TypeScript：环境安装与配置全指南
前言 TypeScript作为JavaScript的超集，为开发者提供了强大的类型系统和现代编程特性。本教程将详细演示如何从零开始搭建TypeScript开发环境。 环境准备 1. 安装Node.js 参考文章：https://blog.csdn.net/weixin_45793745/article/details/146941979 TypeScript需要Node.js 安装TypeScript编译器 全局安装（适合快速体验）： npm install -g typescript 项目本地安装（推荐方式）： mkdir ts-project && cd ts-project ` } console.log(greet({ id: 1, name: "TypeScript" })) 2. 官方文档 TypeScript Playground DefinitelyTyped类型仓库 通过本教程，您已完成TypeScript开发环境的搭建，现在可以开始享受类型安全的JavaScript开发体验了
84310编辑于 2025-09-28 - 来自专栏程序员成长指北
Node.js项目TypeScript改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 本文讲的是如何将一个旧的 Node.js 项目使用 TypeScript 进行改造，包括目录结构调整、TypeScript-ESLint 配置、tsconfig 配置、调试、常见错误处理等。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node ，TypeScript 与 VSCode 都是微软亲儿子，用 TypeScript 你就老老实实用 VSCode 吧，上述步骤以后，ts 文件中会出现大量飘红警告。 TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范，
5.6K10发布于 2019-12-05 - 来自专栏腾讯IVWEB团队的专栏
webpack+react+typescript简单配置指南
webpack+react+typescript简单配置指南 1、webpack添加ts-loader 以下例子使用的是webpack3。 babel-core babel-loader babel-preset-env babel-preset-react ts-loader tsconfig-paths-webpack-plugin typescript 2、配置tsconfig.json tsconfig.json是typescript编译器的配置文件，需要虽然不指定也能run，但是要配合webpack用起来顺心的话，是必须要配置的。 types/polyfill.d.ts" ] } traceResolution的用法 简单的说，例如，当我们在工程引用import ClickHelper from 'utils/click'的时候，typescript
3K20发布于 2020-06-28 - 来自专栏若城技术专栏
TypeScript 泛型程序设计指南
在 TypeScript 中，泛型允许我们在定义函数、接口或类时，不预先定义具体的类型，而是在使用时指定类型。这种方式避免了代码的重复，并确保了类型安全。 二、泛型的使用方式 泛型在 TypeScript 中通过 <> 语法使用，可以应用于函数、接口和类的声明。 this.genericProperty.doSomething(); this.genericProperty.doSomethingElse(); } } 三、应用场景 在 TypeScript 灵活地使用泛型定义类型是掌握 TypeScript 的关键。 通过上述介绍，我们可以看到泛型在提高代码复用性、灵活性和类型安全性方面的重要性。 在编写 TypeScript 代码时，合理使用泛型将大大提升开发效率和代码质量。
38310编辑于 2024-10-10 - 来自专栏后端学习之道
使用 TypeScript 优化 React Context：综合指南
在这篇内容全面的文章中，我们将探讨如何充分发挥 React Context 的潜力，并特别关注如何使用 TypeScript 增强开发体验。 设置 React Context和 TypeScript： 在本节中，我们将简单描述一下您使用 TypeScript 创建基本 React 应用程序并建立主题管理Context的完成过程。 在本例中，我们将使用以下选项： project name: react-context-typescript framework: react 创建项目后，导航至项目目录并安装依赖项： cd react-context-typescript 通过巧妙地使用TypeScript，我们确保您的代码保持健壮，并在编译时而不是运行时捕获潜在的错误。 React和TypeScript的这种强大组合让开发人员可以自信地工作，因为他们知道他们的代码既简洁又可靠。
86940编辑于 2023-11-08 - 来自专栏一个会写诗的程序员的博客
TypeScript 之父简介：TS Anders Hejlsberg: Introducing TypeScript参考资料TypeScript入门指南（JavaScript的超集)
image.png TypeScript 是 JavaScript 的超集，TypeScript结合了类型检查和静态分析，显式接口。 TypeScript是微软的开源项目，它是由C#之父Anders Hejlsberg发起的。 为什么会有 TypeScript? TypeScript 主要特点包括： TypeScript 是微软推出的开源语言，使用 Apache 授权协议 TypeScript 是 JavaScript 的超集. TypeScript 一起运行无需更改 TypeScript 文件扩展名是 ts，而 TypeScript 编译器会编译成 js 文件 TypeScript 语法与 JScript .NET 相同 TypeScript 参考资料 TypeScript入门指南（JavaScript的超集) https://tutorialzine.com/2016/07/learn-typescript-in-30-minutes TypeScript
2.5K20发布于 2018-08-17 - 来自专栏WecTeam
Node.js 项目 TypeScript 改造指南（二）
最近笔者把一个中等规模的 Koa2 项目迁移到 TypeScript，和大家分享一下 TypeScript 实践中的经验和技巧。 迁移后项目基于 Midway，MySQL，sequelize-typescript，axios。 本项目使用 TypeScript3.7，TypeScript 配置如下： "compilerOptions": { "declaration": false, "emitDecoratorMetadata TypeScript assumes that you, the programmer, have performed any special checks that you need. -- typescript 附上：Node.js 项目 TypeScript 改造指南（一） 参考资料 [1] Playground: https://www.typescriptlang.org/play/index.html
3.9K10发布于 2019-12-26 - 来自专栏全栈学习专栏
【万字长文】TypeScript入门指南
本文主要讲述叶秋学长通过一个月对TypeScript的学习整理出一份完整的入门指南，希望对正在学习前端的小伙伴有所帮助~基础类型(TS -- 1)我认为这个TypeScript跟C语言是很像的，对语言的定义都有严格的规范 这使得 unknown 成为 TypeScript 类型系统的另一种顶级类型（另一种的any）let unknow:unknown = {a:():number =>123}unknow.a()//报错 //unkonwn类型是不能够去调用属性跟函数的，它是 any 类型对应的安全类型接口和对象类型(TS -- 3)在 typescript 中，我们定义对象的方式要用关键字 interface（接口）， 我的理解是interface是一个国企部门只招一个人的话，他们会针对走后门的那个人量身定制招聘要求，到面试的时候，这些条件少一个都不行，多了也不行，毕竟已经内定了，再叼、这些条件不仅满足了而且还会更多的技能也没用 TypeScript 类型断言用来告诉编译器你比它更了解这个类型，并且它不应该再发出错误当 S 类型是 T 类型的子集，或者 T 类型是 S 类型的子集时，S 能被成功断言成 T。
1.6K42编辑于 2023-12-07 - 来自专栏前端必修课
TypeScript 开发环境配置实战：Webpack 整合指南
在现代前端开发中，TypeScript 和 Webpack 的结合使用已经成为了标配。本文将详细介绍如何搭建一个支持热重载和自动编译的 TypeScript 开发环境。 TypeScript 环境初始化 使用以下命令初始化 TypeScript 配置： tsc --init 这将生成一个tsconfig.json 文件，包含 TypeScript 的编译选项和规则设置。 安装必要依赖 为了让 Webpack 能够处理 TypeScript 文件，我们需要安装相关的加载器： npm install typescript ts-loader --save-dev Webpack 总结 通过以上配置，我们搭建了一个完整的 TypeScript 开发环境，具备以下特性： 自动编译 TypeScript 代码 热模块替换支持 源码映射便于调试 自动清理构建目录 开发服务器支持 这个配置适合中小型 TypeScript 项目的开发，可以根据具体需求进行进一步的定制和优化。
64800编辑于 2025-03-06 - 来自专栏前端森林
useTypescript-React Hooks和TypeScript完全指南
本文将展示 TypeScript 与 React 集成后的一些变化，以及如何将类型添加到 Hooks 以及你的自定义 Hooks 上。 ; } TypeScript 可以对 JSX 进行解析，充分利用其本身的静态检查功能，使用泛型进行 Props、 State 的类型定义。 useMemo with TypeScript useMemo返回一个 memoized 值。传递“创建”函数和依赖项数组。 useRef with TypeScript useRef挂钩允许你创建一个 ref 并且允许你访问基础 DOM 节点的属性。 示例 我之前基于 umi+react+typescript+ant-design 构建了一个简单的中后台通用模板。
11.1K30发布于 2020-04-23 - 来自专栏京程一灯
算法面试指南
算法是技术面试的重要组成部分，尤其是在国内外的大厂中。本文将为你介绍在面试中需要了解的常见算法以及提高它们效率的方法（这是面试中常见的问题），最后会为你提供一些练习题。 花时间学习这些，因为你很有可能会在面试中用到其中一种或多种算法。 一组帮你为面试做好准备的练习题 渐近分析：计算下面给出的代码段的 Big O 复杂度。 总结 如果你要进行技术面试，必须为展示自己对各种算法的了解做好准备，并了解每种算法的复杂度。 下一步…学习，准备和练习：只是凭借看老的面试题和博客文章来准备面试是不够的，你需要真正的实践经验。
74420发布于 2020-05-11 - 来自专栏前端达人
30道TypeScript 面试问题解析
今天，我们将通过30个 TypeScript 面试问题和答案来帮助你准备TypeScript知识 的面试。 1、 TypeScript 的主要特点是什么？ 你可以将 Node.js 与 TypeScript 结合使用，将 TypeScript 的优势带入后端工作。 只需输入以下命令，即可将 TypeScript 编译器安装到你的 Node.js 中： npm i -g typescript 8、TypeScript 中的类型断言是什么？ 21、如何编译 TypeScript 文件？ 你需要调用 TypeScript 编译器tsc来编译文件。 你需要安装 TypeScript 编译器，你可以使用npm. npm install -g typescript tsc <TypeScript File Name> 22、 TypeScript 中有哪些范围可用
5.4K20发布于 2021-07-16
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号