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

运行成功

相关推荐
天庭鸡腿哥1 天前
大小不足1M,干翻Windows!
microsoft·macos·visual studio·everything
POLITE31 天前
Leetcode 234.回文链表 JavaScript (Day 9)
javascript·leetcode·链表
老前端的功夫1 天前
TypeScript 全局类型声明:declare关键字的深度解析与实战
linux·前端·javascript·ubuntu·typescript·前端框架
EndingCoder1 天前
TypeScript 入门:理解其本质与价值
前端·javascript·ubuntu·typescript·node.js
2501_946244781 天前
Flutter & OpenHarmony OA系统弹窗对话框组件开发指南
javascript·flutter·microsoft
烟袅1 天前
从定时器管理出发,彻底搞懂防抖与节流的实现逻辑
前端·javascript
前端小L1 天前
贪心算法专题(十三):画地为牢的艺术——「划分字母区间」
javascript·算法·贪心算法
北冥有一鲲1 天前
A2A协议与LangChain.js实战:构建微型软件工厂
开发语言·javascript·langchain
UIUV1 天前
JavaScript 遍历方法详解
前端·javascript·代码规范
火车叼位1 天前
开发者必看:三大 CLI 工具 MCP 配置详解
javascript