能否在普通TypeScript项目中单独使用Angular Signals？

完全可以做到，Angular团队从版本16开始，把Signals的核心实现抽离成了可独立使用的模块，不需要引入整个Angular框架。

步骤说明 #

1. 安装依赖 #

只需要安装@angular/core包即可，无需其他Angular相关依赖：

npm install @angular/core
# 或者用yarn
yarn add @angular/core

注意：请确保安装的版本是16.0.0及以上，Signals是在这个版本正式引入的。

2. 直接导入使用 #

在TypeScript文件中，从@angular/core/signals路径导入所需API，语法和Angular项目中完全一致：

import { signal, computed, effect } from '@angular/core/signals';

// 创建基础信号
const count = signal(0);

// 创建计算信号
const doubleCount = computed(() => count() * 2);

// 创建副作用逻辑
effect(() => {
  console.log(`当前计数：${count()}，双倍值：${doubleCount()}`);
});

// 更新信号值
count.set(1); // 控制台输出：当前计数：1，双倍值：2
count.update(current => current + 1); // 控制台输出：当前计数：2，双倍值：4

注意事项 #

• TypeScript版本需适配：Angular 16+要求TypeScript 5.0及以上，确保项目TS版本满足要求，避免类型报错。
• 无需配置Angular编译环境或模块系统，Signals核心是纯TS实现，直接在普通TS/JS项目中运行即可。
• 这种使用方式仅引入Signals相关逻辑，不会带来额外的Angular框架负担。

内容的提问来源于stack exchange，提问作者João Otero