Mac安装配置typescript及在VSCode上运行ts

这篇具有很好参考价值的文章主要介绍了Mac安装配置typescript及在VSCode上运行ts。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、Mac上安装typescript 

sudo npm install -g typescript

测试一下:出现Version则证明安装成功

tsc -v   

二、在VSCode上运行

新建一个xxx.ts文件,测试能否运行

console.log("helloworld")

 运行报错:ts-node: command not found

mac安装typescript,macos,typescript,javascript

再安装ts-node

sudo npm install -g ts-node

 运行报错:TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts"

mac安装typescript,macos,typescript,javascript

 在终端上输入

tsc --init

显示创建了一个tsconfig.json文件

mac安装typescript,macos,typescript,javascript

修改文件

vi tsconfig.json

加上"ts-node": {"esm": true}, 注意不要加到"compilerOptions"里去了

{
  "ts-node": {"esm": true}, 
  "compilerOptions": {...}
}

再去VSCode里运行,发现成功输出helloworld 

三、遇到export问题

export enum abc {
    a = 'aa',
    b = 'bb'
}
console.log(abc)

运行报错:ReferenceError: exports is not defined in ES module scope 

mac安装typescript,macos,typescript,javascript

 解决方案:在package.json里删除 "type": "module",

vi package.json

删掉 "type": "module", 

mac安装typescript,macos,typescript,javascript

运行成功文章来源地址https://www.toymoban.com/news/detail-801844.html

到了这里,关于Mac安装配置typescript及在VSCode上运行ts的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 在vscode中使用Typescript并运行

    1、安装 typescript ​ 2、生成配置文件,cd进入该文件夹,在控制台输  ​  此时我们就可以看到在ts文件夹下面出现了 一个tsconfig.json的文件 ​ 3、编译ts文件 (1)第一种方法可以直接通过命令编译 例如我们创建一个test.ts文件,可以在控制台 输入 tsc +文件名 进行编译 当然这

    2024年02月03日
    浏览(28)
  • 使用vscode编写并运行typescript代码

    1.安装vsCode Visual Studio Code - Code Editing. Redefined 2.安装nodejs 下载 | Node.js 中文网   3.打开vscode,在vscode里面打开终端(快捷键是ctrl+~)    查看是否成功安装node和npm:     node -v    npm -v    在终端中输入如下命令并运行:    npm install -g typescript    检查是否成功安装(typescri

    2024年02月09日
    浏览(43)
  • Mac M系列安装配置VSCode

    这里是已经下载了    检验是否安装成功,终端输入         如图所示是代表之前的command line tools安装 是安装成功的(Clang会不断更新的,更新位置系统更新中更新) Download Visual Studio Code - Mac, Linux, Windows ​ ​   ​   ​   ​ ​ 配置 Cod Runner  ​ 勾选第一个Clear Previou

    2024年03月11日
    浏览(39)
  • Mac M1开发环境的安装与配置(VSCode)

    第一次使用mac ,也是第一次使用M1 pro 芯片。希望能为和我一样刚接触mac的小白,避坑。由于我们是对mac完全不了解的,此文章大多数采用能简单安装就简单安装的理论为大家铺路了。 首先介绍下我的电脑配置:14寸 M1 pro 10核 32G内存1T固态 官网地址:https://code.visualstudio.com

    2023年04月09日
    浏览(44)
  • 【软件安装&环境配置】VScode 设置运行前清屏

    在运行插件中设置 运行插件的安装参考:【软件安装环境配置】VsCode安装和配置各种环境(保姆级)-CSDN博客 找到Code-runner: Clear Previous Output,把 √ 打上即可 本文所涉及的他人内容包括但不限于文字、图片、音频、视频等,来源于各个渠道和资源,并非本文作者原创。在使

    2024年02月06日
    浏览(58)
  • macOS Big Sur/Mac电脑安装vscode显示您没有权限来打开应用程序‘Visual Studio Code‘ 请联系您的电脑或网络管理员问题修复

    错误方法 首先我以为我的权限不足。,需要去用户群组里设置。结果根本不是这个的问题。 1.在系统偏好设置-用户与群组检查了一下我的用户是不是管理员 结果发现是管理员 2.根据苹果提示,右键我的文件夹-显示简介-最下面的共享与权限 解锁🔓 设置我这个用户名的读写

    2024年02月04日
    浏览(51)
  • VScode配置快捷快速填充代码安装配置和使用(详细-Windows和Mac)

    【window系统】 ctrl+shift+p打开命令窗口找到Configure Display Language点击; 【MAC 】 command+shift+p打开命令窗口找到Configure Display Language点击 使用快捷键Ctrl+Shift+P调出VSCode的执行命令的输入框 输入命令view:toggle menu bar 上头的菜单栏又重新回来了 实测:最简单直接的方法,找到VScode,

    2024年04月28日
    浏览(90)
  • 关于macos:如何在mac上完全卸载vscode

    以下是VSCode在Mac OS X上存储内容的所有地方,除了Visual Studio Code.app本身,它位于Applications文件夹中: 复制粘贴这一段到终端 然后将vscode拉到垃圾桶即完成

    2024年02月12日
    浏览(48)
  • VScode运行npm错误解决:如何安装与配置Node.js环境

    在VScode中遇到npm无法识别的错误时,可能是因为未安装Node.js或环境变量配置不正确。

    2024年02月06日
    浏览(94)
  • TypeScript教程(一)在vscode中的配置TypeScript环境

    未来的开发者们请上座,随着时代的发展web网页的发展越来越丰富,掌握TypeScript显得更加有必要。 安装Node.js:首先,确保您已经安装了Node.js。您可以从Node.js官方网站(https://nodejs.org)下载并安装适合您操作系统的版本。 npm 切换淘宝镜像源 查询镜像使用状态 npm 安装TypeS

    2024年01月24日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包