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

一、Mac上安装typescript

复制代码
sudo npm install -g typescript

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

复制代码
tsc -v   

二、在VSCode上运行

新建一个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

三、遇到export问题

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",

运行成功

相关推荐
RoyLin2 分钟前
TypeScript设计模式:策略模式
前端·后端·typescript
小桥风满袖1 小时前
极简三分钟ES6 - ES9中字符串扩展
前端·javascript
前端人类学1 小时前
掌控异步洪流:多请求并发下的顺序控制艺术
javascript·promise
RoyLin1 小时前
TypeScript设计模式:桥接模式
前端·后端·typescript
CryptoRzz2 小时前
印度尼西亚股票数据API对接实现
javascript·后端
lecepin3 小时前
AI Coding 资讯 2025-09-17
前端·javascript·面试
猩兵哥哥3 小时前
前端面向对象设计原则运用 - 策略模式
前端·javascript·vue.js
RoyLin3 小时前
TypeScript设计模式:抽象工厂模式
前端·后端·typescript
江城开朗的豌豆4 小时前
解密React虚拟DOM:我的高效渲染秘诀 🚀
前端·javascript·react.js
江城开朗的豌豆4 小时前
React应用优化指南:让我的项目性能“起飞”✨
前端·javascript·react.js