使用vscode编写并运行typescript代码

这篇具有很好参考价值的文章主要介绍了使用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
   检查是否成功安装(typescript)的命令:tsc -v
 

   运行流程:

手动编译和运行ts代码:
    1.编译  tsc 文件名(包含扩展名)
    2.运行  node 文件名(包含扩展名)

vscode 自动编译和运行ts代码:
     1.生成配置文件: tsc --init
      2.修改配置文件:tsconfig.json  ("outDir":"./js" ,“strict":false)
      3.启动监视任务 :terminal->run task...->show all task..->tsc:watch - tsconfig.json

运行:
快捷键:F5或ctrl+F5
选择: run->star debugging

使用vscode编写并运行typescript代码

参考:
typescript从入门到熟练,使用vscode编写_typescript vscode_bin9153的博客-CSDN博客文章来源地址https://www.toymoban.com/news/detail-491245.html

到了这里,关于使用vscode编写并运行typescript代码的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • 【JSDoc&vscode】使用JSDoc、在vscode中开启node调试、使用vscode编写运行Python程序

    JSDoc是JavaScript的一种注释语法,同时通过JSDoc注释也可以规避js弱类型中不进行代码提示的问题 图形展示JSDoc的效果:  上述没有进行JSDoc,然后我们a点什么 是没有任何提示的 上述就是加上 JSDoc的效果 常用的 vscode 其实内置了 jsDoc, 只需输入 /** 然后就会有提示,然后直接按

    2024年02月11日
    浏览(39)
  • VSCode使用技巧,代码编写效率提升2倍以上!

    VSCode是一款开源免费的跨平台文本编辑器,它的可扩展性和丰富的功能使得它成为了许多程序员的首选编辑器。在本文中,我将分享一些VSCode的使用技巧,帮助您更高效地使用它。 1. 插件 VSCode具有非常丰富的插件生态系统,通过安装插件可以为编辑器增加更多的功能。以下

    2024年02月03日
    浏览(41)
  • 【01】基础知识:typescript安装及使用,开发工具vscode配置

    typeScript 是由微软开发的一款开源的编程语言。 typeScript 是 javascript 的超级,遵循最新的 es6、es5规范。 typeScript 扩展了 javaScript 的语法。 typeScript 更像后端 java、C# 这样的面向对象语言,可以让 js 开发大型企业项目。 全局安装:$ npm install -g typescript 查看 typescript 版本:$ ts

    2024年02月13日
    浏览(44)
  • linux安装vscode & vscode使用 & 创建项目并运行

    https://code.visualstudio.com/ 下载.deb文件 假如文件被下载到了 /opt目录下 进入Opt目录,右键从当前目录打开终端。 输入下面的安装命令。 安装成功。 使用c++,必须安装 C/C++插件,CMake插件,CMake Tools插件 打开 visual studio code,选择c++插件 点击install。 CMake和CMakeTools也是如此。 终端

    2024年02月04日
    浏览(33)
  • VSCode Python调试运行:json编写

    对于需要在命令行传参运行的项目,如果想要调试运行,则需要编写对应的launch.json文件这里记录一下json文件的编写格式: 这里主要区分在于记载模块化运行的情况,即使用 python -m module_name 运行的情况,需要填写“module”这一参数,而 不是在“args”中写“-m”

    2024年01月25日
    浏览(38)
  • 使用VScode编写C语言程序 环境安装配置 保姆级教程

    Visual Studio Code可通过安装插件来支持C++、C#、Python、PHP等语言,使用的工程师越来越多,本文介绍如何使用VS Code进行C语言的编译与调试 目录 一 vsCode配置C/C++环境 1. vsCode下载和安装 2. 安装vsCode 二 MinGW编译器下载和配置 1. 下载编译器MinGW并解压  2. 将MinGW添加至环境变量 3

    2024年02月04日
    浏览(62)
  • vscode运行.ipynb代码时提示需要安装ipykernel包的解决办法

    此文目的是为了记录遇到的一些问题,也希望能帮助到和我一样遇到困难的同学。如需转载,请注明出处。 在使用vscode运行.ipynb文件中提示需要安装ipykernel包的提示,在网上查询了很多方法之后也是终于解决了问题。写下这篇博客也希望能帮到大家。 安装anaconda是为了通过

    2023年04月19日
    浏览(32)
  • 使用vscode远程服务器,让代码在vscode关闭后也在服务器后台运行

    可以使用VScode的Remote-SSH插件来连接远程服务器,并在关闭了VScode后让训练代码在后台运行。 具体的步骤如下: 安装VScode和OpenSSH,确保你可以在本地终端使用ssh命令连接服务器。 在VScode的扩展页面搜索并安装Remote-SSH插件。 在VScode的左侧菜单栏选择SSH Targets,点击齿轮图标,

    2024年02月11日
    浏览(41)
  • VScode中使用python突然没有代码提示和语法检查,程序运行正常

    在使用vscode编写python程序时,突然没有代码提示,大概率是由于Pylance扩展模块引起的,可以先尝试重启它,不行的话,在安装其他版本,如下: 先禁用,再打开,然后重启vscode,一般就可以解决,不行的话,再切换其他版本。

    2024年02月03日
    浏览(46)
  • 使用Vscode 编辑器 导出、导入和运行Excel中的VBA代码

    前言 Excel自带的 Microsoft Visual Basic for Applications 编辑器常被人称为上古编辑器,的确不适合代码编辑,这是其一,其二是当系统语言与Excel的安装语言不一致时,往往出现乱码,看起来极不舒服,这时又需要更改系统语言,所以往往需要探索其他的VBA开发编辑器,经过一番探索

    2024年02月04日
    浏览(90)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包