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

Croyance_M2023-11-24 17:20

一、Mac上安装typescript

复制代码

sudo npm install -g typescript

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

复制代码

tsc -v

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

TypeScript 复制代码

console.log("helloworld")

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

再安装ts-node

TypeScript 复制代码

sudo npm install -g ts-node

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

在终端上输入

TypeScript 复制代码

tsc --init

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

修改文件

TypeScript 复制代码

vi tsconfig.json

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

TypeScript 复制代码

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

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

TypeScript 复制代码

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

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

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

TypeScript 复制代码

vi package.json

删掉 "type": "module",

运行成功