vscode中如何使用ts

vscode中如何使用ts

步骤:

1、打开命令行,键入npm i -g typescript 全局安装TS。

2、继续在命令行环境下键入 tsc -init 进行初始化,你会发现根目录下多了 tsconfig.json 的文件,记录了编译成JS的选项。

3、打开该文件,会发现主要选项已经帮你设置好了,比较常用的设置是:

    (1)“target”:编译为何种规范,一般设置为 ES5 或者 ES2016/2017;

    (2)“outdir”:输出目录;

    (3)“alwaysStrict”:打开严格模式 (‘use strict’);

4、命令行下输入 code . 打开VSCode进入该目录,按下 Ctrl+shift+B 快捷键会进行编译,初次编译会选择编译模式。

12d05c866dc92f2075faa27a478f16a.png

监视模式是每当TS文件有变动就会自动编译,构建模式是手动命令编译时才会去编译,这里选择监视模式。

5、按下F5开始调试,初次调试会让你选择调试环境。

0f835d5f58a05ccb12473d2cd31859f.png

这个根据自己JS的宿主环境进行选择,本文使用NODE环境。

6、在调试按钮上面有一个配置按钮,点击对调试进行详细修改。

e11ad4c1d8b422da1f316b102fb51e6.png

PHP中文网,有大量免费的vscode入门教程,欢迎大家学习!

以上就是vscode中如何使用ts的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3043864.html

(0)
上一篇 2025年3月13日 15:04:16
下一篇 2025年3月5日 11:53:32

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vscode的js不高亮怎么办

    打开vscode突然发现只有js代码没有高亮提示了。 点开文件->首选项->设置 选择在settin.json中编辑,注释掉这段代码即可。 高亮部分回来了: PHP中文网,有大量免费的vscode入门教程,欢迎大家学习! 以上就…

    2025年3月13日 编程技术
    200
  • yii2项目中如何使用redis

    想要在Yii2这个PHP框架中很好的使用redis键值存储,那么首先就要推荐yii2-redis这个官方的Github库。这个库能够很好的帮助我们在Yii2框架中使用redis,它提供缓存,Session以及ActiveRecord模式的支…

    2025年3月13日
    200
  • laravel如何使用swoole

    PHP的异步、并行、高性能网络通信引擎,使用纯C语言编写,提供了PHP语言的异步多线程服务器,异步TCP/UDP网络客户端,异步MySQL,异步Redis,数据库连接池,AsyncTask,消息队列,毫秒定时器,异步文件读写,异步DNS查询…

    2025年3月13日 编程技术
    200
  • vscode中CTRL+鼠标左键函数不跳转

    问题引出: 最近使用VScode的时候 F12快捷键时好时坏,Ctrl+鼠标左键有时候也不好使,总是跳转不过去。按住Ctrl键,鼠标悬停在某个函数名上方,无提示,且无法跳转: 解决方法: 1、打开VsCode: 文件 -> 将工作区另…

    2025年3月13日
    200
  • vscode编辑器如何设置透明背景

    首先打开vscode,在扩展里搜索windows opacity插件,点击安装即可。 安装成功后,可能会有默认的透明度,可以进行修改。 具体修改透明度方法: 依次点击文件(File)->首选项(Preferences)->设置(…

    2025年3月13日
    200
  • vscode如何调试代码

    首先安装扩展调试插件debugger for chrome 点击瓢虫按钮,进行调试项目的配置,点击配置按钮 选择Chrome环境 会弹出Chrome调试配置文件launch.json,修改下端口即可 若是没有lauch.json配置文件产生…

    2025年3月13日 编程技术
    200
  • vscode配置c语言编译环境

    一、下载mingw-w64 gcc-8.1.0编译器(本文安装 x86_64-win32-seh) 二、环境配置 打开你的mingw-w64安装目录,我是默认安装的在C:Program Files (x86),里面的MinGW-W64就是安…

    2025年3月13日 编程技术
    200
  • vscode有中文版吗

    vscode有中文版吗? 百度搜索 VSCODE软件下载进入官网页面,根据电脑选择型号,安装稳定版,小编是64位系统。下载文件后打开,一步一步根据要求下一步安装就可以。 相关推荐:vscode教程 安装后运行vscode,按Ctrl + S…

    2025年3月13日 编程技术
    200
  • vscode怎么编写和调试.net项目

    安装插件 使用VSCode编写dotnet core项目除了其 默认的功能外,我推荐还要安装一些非常有特色,并且有用的扩展,正是因为VSCode的插件机制,才让它变得更加强大,满足我们各式各样的需求。 1、C#语言扩展 这个是使用VSCod…

    2025年3月13日 编程技术
    200
  • vscode设置python代码中函数括号自动补全

    1、打开设置界面 2、点击大括号setting.json图标,如下图: 3、搜索配置项python.autoComplete.addBrackets 立即学习“Python免费学习笔记(深入)”; 4、修改值为true 注意:点击小笔按钮修…

    2025年3月13日 编程技术
    200

发表回复

登录后才能评论