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

运行成功

相关推荐
用户61204149221322 分钟前
使用JSP+Servlet+JavaBean做的课程后台管理系统
java·javascript·mysql
AnalogElectronic26 分钟前
vue3 实现贪吃蛇手机版01
开发语言·javascript·ecmascript
asdfsdgss27 分钟前
Angular CDK 自适应布局技巧:响应式工具实操手册
前端·javascript·angular.js
爱吃的强哥1 小时前
Electron_Vue3 自定义系统托盘及退出二次确认
前端·javascript·electron
metaRTC1 小时前
metaRTC7 mac/ios编程指南
macos·ios·webrtc
旺仔大牛1 小时前
Xcode垃圾清理
ide·macos·xcode
技术小丁2 小时前
零依赖!教你用原生 JS 把 JSON 数组秒变 CSV 文件
前端·javascript
古一|2 小时前
Vue路由两种模式深度解析+Vue+SpringBoot生产部署全流程(附Nginx配置)
javascript·vue.js·nginx
时间的情敌2 小时前
基于 Vue3 及TypeScript 项目后的总结
前端·vue.js·typescript
lpfasd1232 小时前
从 Electron 转向 Tauri:用 Rust 打造更轻、更快的桌面应用
javascript·rust·electron