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

运行成功

相关推荐
Keepreal49611 分钟前
Electron基本概念
前端·javascript·electron
小瓶盖_tl25 分钟前
在Mac上安装CocoaPods问题处理
macos·xcode·cocoapods
Whbbit199936 分钟前
在 Nestjs 中使用 Drizzle ORM
前端·javascript·nestjs
Never_Satisfied37 分钟前
在JavaScript中,map方法使用指南
前端·javascript·vue.js
_码力全开_38 分钟前
JavaScript从入门到实战 (1):JS 入门第一步:它是什么?能做什么?环境怎么搭?
开发语言·前端·javascript·新人首发
itslife41 分钟前
vite 源码 - 执行 buildStart 钩子
前端·javascript
用户47949283569151 小时前
还不知道'use strict'的作用?这篇文章给你讲清楚
前端·javascript·typescript
用户47949283569151 小时前
面试官:讲讲这段react代码的输出(踩坑)
前端·javascript·react.js
一嘴一个橘子1 小时前
useTemplateRef Vue3.5
javascript·vue.js
林希_Rachel_傻希希1 小时前
《DOM元素获取全攻略:为什么 querySelectorAll() 拿不到新元素?一文讲透动态与静态集合》
前端·javascript