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

运行成功

相关推荐
芳草萋萋鹦鹉洲哦16 分钟前
【vue/js】文字超长悬停显示的几种方式
前端·javascript·vue.js
开发者小天1 小时前
React中的 闭包陷阱
前端·javascript·react.js
涔溪1 小时前
Vue3 的核心语法
前端·vue.js·typescript
国服第二切图仔1 小时前
Electron for 鸿蒙pc项目实战之tab标签页组件
javascript·electron·harmonyos·鸿蒙pc
Neptune12 小时前
深入浅出:理解js的‘万物皆对象’与原型链
前端·javascript
阿迷不想上班2 小时前
windows自动任务定期执行
javascript
盗德2 小时前
最全音频处理WaveSurfer.js配置文档
前端·javascript
Heo2 小时前
关于Gulp,你学这些就够了
前端·javascript·面试
祈澈菇凉2 小时前
Next.js 零基础开发博客后台管理系统教程(八):提升用户体验 - 表单状态、加载与基础验证
前端·javascript·ux