Mac安装配置typescript及在VSCode上运行ts

本文介绍了如何在Mac上安装TypeScript,包括通过`npminstall-gtypescript`和`ts-node`,解决VSCode中运行和export问题,以及配置tsconfig.json和package.json。

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

一、Mac上安装typescript 

sudo npm install -g typescript

测试一下:出现Version则证明安装成功

tsc -v   

二、在VSCode上运行

新建一个xxx.ts文件,测试能否运行

console.log("helloworld")

 运行报错:ts-node: command not found

再安装ts-node

sudo npm install -g ts-node

 运行报错:TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts"

 在终端上输入

tsc --init

显示创建了一个tsconfig.json文件

修改文件

vi tsconfig.json

加上"ts-node": {"esm": true}, 注意不要加到"compilerOptions"里去了

{
  "ts-node": {"esm": true}, 
  "compilerOptions": {...}
}

再去VSCode里运行,发现成功输出helloworld 

三、遇到export问题

export enum abc {
    a = 'aa',
    b = 'bb'
}
console.log(abc)

运行报错:ReferenceError: exports is not defined in ES module scope 

 解决方案:在package.json里删除 "type": "module",

vi package.json

删掉 "type": "module", 

运行成功

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值