- 综合排序
- 最热优先
- 最新优先
- 来自专栏WecTeam
TypeScript 安利指南
或许你可以参考下我学习的轨迹： 传送门--TypeScript 入门教程 (墙裂推荐)[1] 传送门--为 Vue3 学点 TypeScript , 体验 TypeScript[2] 传送门--一篇朴实的文章带你 30分钟捋完TypeScript,方法是正反对比[3] 传送门--stack overflow (墙裂推荐)[4] 传送门--google[5] 今年ts突然遍地开花，似乎成为了潮流。 References [1] 传送门--TypeScript 入门教程 (墙裂推荐): https://github.com/xcatliu/typescript-tutorial/blob/master /README.md [2] 传送门--为 Vue3 学点 TypeScript , 体验 TypeScript: https://juejin.im/entry/5d19adb3f265da1b7b31a28b [3] 传送门--一篇朴实的文章带你30分钟捋完TypeScript,方法是正反对比: https://juejin.im/post/5d53a8895188257fad671cbc [4] 传送门-
1.2K10发布于 2020-01-14 - 来自专栏前端Q
TypeScript 渐进迁移指南
英文 | https://nextfe.com/ 英文作者 | Nathaniel 我之前写了一篇《如何把 Node.js 项目从 JavaScript 迁移到 TypeScript 的指南》。 指南的阅读量超过了七千，不过其实当时我对 JavaScript 和 TypeScript 的了解并不深入，把重心更多地放到特定工具上，而没怎么从全局着手。 因此，我很想分享下我最近学到的迁移项目到 TypeScript 的主要经验。 迁移一个包含成千上百个文件的大型项目可能比你想象得要容易。整个过程主要分 3 步。 类型检查升级 修复 95% 以上类型检查错误并确保每个库都有相应的类型定义后，你可以进行最后一步：正式把整个项目的代码迁移到 TypeScript。 注意：我上一篇指南中提到的一些细节这里就不讲了。 替代方案：如果你希望一下子迁移整个项目到 TypeScript，可以参考 airbnb 团队的指南。 本文完〜
2.4K20发布于 2021-02-05 - 来自专栏编程小白狼
TypeScript 基础语法入门指南
TypeScript 是 JavaScript 的超集，通过静态类型检查和丰富的语法特性，帮助开发者编写更健壮、可维护的代码。 本文将从零开始介绍 TypeScript 的基本语法，帮助你快速掌握核心概念。 类型注解（Type Annotations） TypeScript 的核心功能是静态类型检查，通过在变量、函数参数和返回值上添加类型注解，明确数据的类型。 = true; let data: any = "可以赋任何类型的值"; // 数组 let numbers: number[] = [1, 2, 3]; let names: Array = ["Alice typescript Copy Code interface User { name: string; age: number; isAdmin?
91310编辑于 2025-04-15 - 来自专栏全栈程序员必看
TypeScript（3）基础类型
基础类型 TypeScript 支持与 JavaScript 几乎相同的数据类型，此外还提供了实用的枚举类型方便我们使用。 除了支持十进制和十六进制字面量，TypeScript还支持ECMAScript 2015中引入的二进制和八进制字面量。 数组 TypeScript像JavaScript一样可以操作数组元素。 有两种方式可以定义数组。 TypeScript会假设你，程序员，已经进行了必须的检查。 类型断言有两种形式。 至于使用哪个大多数情况下是凭个人喜好；然而，当你在TypeScript里使用JSX时，只有 as语法断言是被允许的。
81830编辑于 2022-09-19 - 来自专栏黯羽轻扬
接口_TypeScript笔记3
写在前面 对于对象等复杂结构的类型，TypeScript的理念是鸭子类型（duck typing），即值的“形状”： Type-checking focuses on the shape that values TypeScript里，通过接口来描述复杂结构的类型，例如： interface LabelledValue { label: string; } function printLabel(labelledObj 的区别在于前者用来约束变量，后者用来约束属性（变量声明之外的场景） 特殊的，只读数组有一种特别的类型表示ReadonlyArray<T>： let ro: ReadonlyArray<number> = [1, 2, 3, ]: boolean; [x: string]: string; } 这是因为JavaScript中数值索引会被转换成字符串索引： // JavaScript const a = [1, 2, 3]
98430发布于 2019-06-12 - 来自专栏JavaPark
好物周刊#3：Java 学习 + 面试指南
主要特性如下： 可用于搜索和信息收集的网络接入 LSTM 管理 基于 GPT-4 的文本生成实例 接入主流网站和平台 利用 GPT-3.5 进行文件存储和摘要 AgentGPT[3] 类似于 ChatGPT-Next-Web 该项目基于 NextJs + Typescript 技术栈开发，不仅支持自己手动部署，还支持 Docker，可以说是十分方便了！ 软件 语雀[4] 新一代知识构建与分享工具。 资料 CS-Notes[13] 技术面试必备，囊括算法、操作系统、网络、面向对象、数据库、Java、系统设计、工具、编码实践等诸多方面的内容，截止本文发布时在 Github 已经收获了 163k star JavaGuide[14] Java 学习+面试指南，一份涵盖大部分 Java 程序员所需要掌握的核心知识。 github.com/Yidadaa/ChatGPT-Next-Web [2] Auto-GPT: https://github.com/Significant-Gravitas/Auto-GPT [3]
51530编辑于 2023-05-30 - 来自专栏前端开发
从零开始用 Vue3 和 TypeScript 搭建项目详细指南
从0开始搭建Vue3项目+TypeScript技术方案一、项目初始化与基础配置（一）使用Vite创建项目# 创建Vue3+TypeScript项目npm init vite@latest my-vue3 -ts-app -- --template vue-ts# 进入项目目录cd my-vue3-ts-app# 安装依赖npm install# 启动开发服务器npm run dev（二）项目结构解析my-vue3 TypeScript的项目搭建，包含了：项目初始化：使用Vite创建Vue3+TypeScript项目TypeScript配置：优化TypeScript配置，添加类型声明代码质量工具：集成ESLint和 ：配置Vitest进行单元测试项目部署：配置生产环境构建和Nginx部署这个技术方案为你提供了一个从0到1的Vue3+TypeScript项目搭建指南，可以作为企业级应用开发的基础模板。 Vue3,TypeScript, 项目搭建，前端开发，JavaScript,Vue CLI,Vite, 组件化开发，响应式编程，Pinia,TypeScript 类型系统，ES6+,Webpack,Vue
2K10编辑于 2025-05-27 Vue3 搭配 TypeScript 项目实用指南及组件封装技巧详解
代码教程 Vue3+TypeScript项目使用指南与组件封装方法 一、项目初始化与基础使用 （一）项目创建流程 # 创建Vue3+TypeScript项目 npm init vite@latest my-vue3 -ts-app -- --template vue-ts # 进入项目目录 cd my-vue3-ts-app # 安装依赖 npm install # 启动开发服务器 npm run dev （ event)" @focus="$emit('focus', $event)" /> {{ prefix }} <span v-if="suffix" class="absolute right-<em>3</em> <em>TypeScript</em>项目结合，可以帮助你高效构建高质量的前端应用。
48310编辑于 2025-09-03- 来自专栏code秘密花园
TypeScript 终极初学者指南
= 'ConardLi'; name.toLowerCase(); console.log(name); // ConardLi - 字符串的方法并没有改变字符串本身 let arr = [1, 3, 5, 7]; arr.pop(); console.log(arr); // [1, 3, 5] - 数组的方法改变了数组 回到 TypeScript ，我们可以在声明一个变量之后设置我们想要添加的类型 中的数组 在 TypeScript 中，你可以定义数组包含的数据类型： let ids: number[] = [1, 2, 3, 4, 5]; // 只能包含 number let names: string isProgrammer: true, }; person.age = '17'; // ERROR: should be a number person = { name: 'Tom', age: 3, name: 'ConardLi', age: 17, isProgrammer: true, }; let person2: Person = { name: 'Tom', age: 3,
8K20编辑于 2022-04-08 - 来自专栏各类技术文章~
TypeScript类型元编程入门指南
众所周知，TypeScript的类型系统因其高度灵活性而常常被戏称“类型体操”。各路高人纷纷在类型系统上卷了起来，实现了各种不可思议的功能。 最近徐飞叔叔还写了个中国象棋，可以说很卷了。 元编程的基础是图灵完备的子系统，那么TypeScript类型系统是否是图灵完备的呢？答案当然是肯定的。 TypeScript类型系统的extends ? 2 : n extends '3' ? 3 : n extends '4' ? 4 : n extends '5' ? 5 : n extends '6' ? v3 extends color ? ts=4.5… 好了，如果你看到这里，相信对TypeScript类型元编程已经有了初步的了解，接下来可以把它灵活运用到日常工作中啦。
41700发布于 2021-11-01 - 来自专栏一尾流莺学前端
【编码规范】Typescript 编码风格指南
用更合理的方式书写 Typescript 规范的代码可以促进团队合作， 规范的代码可以减少 bug 处理， 规范的代码可以降低维护成本， 规范的代码有助于代码审查， 养成代码规范的习惯，有助于程序员自身的成长
1.8K20编辑于 2022-12-10 - 来自专栏前端时空
TypeScript Vue 3 上手教程
：https://github.com/vincentzyc/vue3-demo.git TypeScript 是JS的一个超集，主要提供了类型系统和对ES6的支持，使用 TypeScript 可以增加代码的可读性和可维护性 从最近发布的 Vue3 正式版本来看， Vue3 的源码就是用 TypeScript 编写的，更好的 TypeScript 支持也是这一次升级的亮点。 当然，在实际开发中如何正确拥抱 TypeScript 也是迁移至 Vue3 的一个小痛点，这里就针对 Vue3 和 TypeScript 展开一些交流。 ? 想要预装TypeScript，就需要选择手动配置，并check好TypeScript 忘记使用选择 TypeScript 也没事，加一行cli命令就行了 vue add typescript 最后，别忘了在 自定义Hooks vue3 借鉴 react hooks 开发出了 Composition API ，那么也就意味着 Composition API 也能进行自定义封装 hooks ，接下来我们就用 TypeScript
3.9K20发布于 2020-11-03 - 来自专栏路过君BLOG from CSDN
typescript笔记3装饰器
类装饰器 应用于类构造函数，用于监视，修改或替换类定义 function classDecorator2(target: any) { // target接受被装饰的类 target.prototype.dynamicProp = '类装饰器' //动态扩展属性 target.prototype.dynamicMethod = function () { // 动态扩展方法 console.log('类装饰器动态方法') } // 扩展替
47930编辑于 2022-04-13 - 来自专栏一Li小麦
typescript基础篇（3）：接口
3. 接口 ? ? 关于接口，你可以理解为定义了属性和类型，但是没有定义其它任何东西的构造函数。接口可以用来约束对象，函数乃至代码结构。
74311发布于 2020-08-07 从零开始使用 Vue3 和 TypeScript 搭建项目详细指南
代码教程 从0开始搭建Vue3项目+TypeScript技术方案 一、项目初始化与基础配置 （一）使用Vite创建项目 # 创建Vue3+TypeScript项目 npm init vite@latest my-vue3-ts-app -- --template vue-ts # 进入项目目录 cd my-vue3-ts-app # 安装依赖 npm install # 启动开发服务器 npm run 'warn' : 'off', '@typescript-eslint/no-explicit-any': 'off', '@typescript-eslint/no-empty-function TypeScript的项目搭建，包含了： 项目初始化：使用Vite创建Vue3+TypeScript项目 TypeScript配置：优化TypeScript配置，添加类型声明 代码质量工具：集成ESLint 单元测试：配置Vitest进行单元测试 项目部署：配置生产环境构建和Nginx部署 这个技术方案为你提供了一个从0到1的Vue3+TypeScript项目搭建指南，可以作为企业级应用开发的基础模板。
1.1K10编辑于 2025-09-03- 来自专栏WecTeam
Node.js项目TypeScript改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范， 比如你安装了 gulp@3 的版本，就不要安装 gulp@4 的 @types/gulp 极少情况，第三方包内既没有声明文件，对应的@types/mod包也没有，此时为了解决报错，只能自己给第三方包添加声明文件了 ts(2339)3."this" 隐式具有类型 "any"，因为它没有类型注释。
5.8K20发布于 2019-12-24 - 来自专栏Nodejs技术栈
Node.js 项目 TypeScript 改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范， 比如你安装了 gulp@3 的版本，就不要安装 gulp@4 的 @types/gulp 极少情况，第三方包内既没有声明文件，对应的@types/mod包也没有，此时为了解决报错，只能自己给第三方包添加声明文件了 ts(2339)3."this" 隐式具有类型 "any"，因为它没有类型注释。
9.8K32发布于 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开发体验了
1.1K10编辑于 2025-09-28 - 来自专栏程序员成长指北
Node.js项目TypeScript改造指南
TypeScript 越来越火，本文不讲为什么要使用 TypeScript，也不讲基本概念。 配置，请勿修改 步骤二、TypeScript安装与配置 目录结构调整后，在你的项目根目录执行： （1）npm i typescript -D，安装 typescript，保存到 dev 依赖 （2）node TypeScript-ESLint 早期的 TypeScript 项目一般使用 TSLint ，但2019年初 TypeScript 官方决定全面采用 ESLint，因此 TypeScript 的规范， 比如你安装了 gulp@3 的版本，就不要安装 gulp@4 的 @types/gulp 极少情况，第三方包内既没有声明文件，对应的@types/mod包也没有，此时为了解决报错，只能自己给第三方包添加声明文件了 ts(2339)3."this" 隐式具有类型 "any"，因为它没有类型注释。
6.1K10发布于 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 3、可以run起来了。 说了这么多，其实有更方便方法的。我放了一个bolerplate到自己的github上，欢迎前去clone 4、ts的应用场景 ts适合数据结构复杂，交互复杂的工程。
3.2K20发布于 2020-06-28
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号