Typescript使用

本文介绍了如何安装和配置TypeScript。首先,通过npm全局安装Node.js和TypeScript。接着,调整PowerShell执行策略以允许执行脚本。然后,通过tsc命令编译和执行TypeScript文件。为了简化流程,可以使用ts-node插件。最后,详细阐述了如何通过tsconfig.json配置编译选项,包括目标版本、模块解析和输出目录等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、安装node.js(附带npm)

2、安装typescript

npm install -g typescript #全局安装ts
tsc -v #验证是否安装成功

3、调整执行策略(没问题可跳过)

get-ExecutionPolicy #restricted则代表不允许执行
set-ExecutionPolicy RemoteSigned #如此调整化解禁用问题

4、编译与执行:test.ts___>test.js

tsc -test.ts #编译
node test #执行

5、简化流程(插件ts-node)

npm i ts-node -g #安装插件
ts-node test #直接解释执行(不产生.js文件),编译和执行合为一体

F、配置编译版本

  1. tsc默认会编译成ES3版本
  2. tsconfig.json,通过compilerOptions属性来配置tsc编译器
    *target⽤于指定要编译成的版本
    *有了tsconfig.json文件之后,这个文件夹会自动成为typescript的项目(不需要加文件名了)|| 如果指定了文件名,那么这个配置就会被忽略
    *“module”: “commonjs”, // 生成代码的模板标准
    *“moduleResolution”: “node”,// 模块解析策略,ts默认用node的解析策略,即相对的方式导入
    *“allowJs”: true,// 允许编译器编译JS,JSX文件
    *“sourceMap”: true,// 生成目标文件的sourceMap文件
    *“experimentalDecorators”: true, //支持实验性的装饰器
    *“esModuleInterop”: true,// 允许export=导出,由import from 导入
    *“skipLibCheck”: true,// 跳过所有声明文件的类型检查 //ts 不 检查 node_modules文件夹
    *“outDir”: “./bin/”, //指定输出目录
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值