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

运行成功

相关推荐
GEEKVIP8 分钟前
手机使用技巧:8 个 Android 锁屏移除工具 [解锁 Android]
android·macos·ios·智能手机·电脑·手机·iphone
GEEKVIP18 分钟前
如何在 Windows 10 上恢复未保存/删除的 Word 文档
macos·ios·智能手机·电脑·word·笔记本电脑·iphone
惜.己28 分钟前
javaScript基础(8个案例+代码+效果图)
开发语言·前端·javascript·vscode·css3·html5
奇客软件1 小时前
iPhone使用技巧:如何恢复变砖的 iPhone 或 iPad
数码相机·macos·ios·电脑·笔记本电脑·iphone·ipad
长天一色1 小时前
【ECMAScript 从入门到进阶教程】第三部分:高级主题(高级函数与范式,元编程,正则表达式,性能优化)
服务器·开发语言·前端·javascript·性能优化·ecmascript
NiNg_1_2341 小时前
Vue3 Pinia持久化存储
开发语言·javascript·ecmascript
读心悦1 小时前
如何在 Axios 中封装事件中心EventEmitter
javascript·http
神之王楠2 小时前
如何通过js加载css和html
javascript·css·html
前端张三2 小时前
Mac 电脑pink 后端ip地址进行本地联调
服务器·tcp/ip·macos
余生H2 小时前
前端的全栈混合之路Meteor篇:关于前后端分离及与各框架的对比
前端·javascript·node.js·全栈