ts快捷键 vscode_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 快捷键会进行编译，初次编译会选择编译模式。

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

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

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

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

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

ts快捷键 vscode_vscode中如何使用ts相关推荐

ts快捷键 vscode_vscode怎么调试ts
vscode怎么调试ts? vscode 调试 TypeScript 环境 typescript :2.5.2 vscode:1.16.0 vscode 直接调试 ts 文件源码:github (h ...
react中的 .d.ts
创建ts react项目时 npx create-react-app my-app --template typescript 生成的项目文件中会有 .d.ts的文件,这个是什么呢? .d.ts 文件 ...
qt中制作添加 .ts 翻译文件
qt中制作添加 .ts 翻译文件 QT 中可以用其自身的工具对界面语言进行翻译,以实现支持语言的效果,这对于开发用户跨越语言区域的工具来说是一个特别实用的功能. 下面介绍怎么制作和使用qt的翻译文件: ...
ts 模板库文件_vue与ts的使用模版
[源码地址](https://github.com/jielanglang/simple-vue) [项目demo](https://xll.netlify.com/) # 这里讲下使用中注意的事项 ...
Python爬取视频之爱情电影及解密TS文件和两种合并ts的方法
俗话说,兴趣所在,方能大展拳脚.so结合兴趣的学习才能事半功倍,更加努力专心,apparently本次任务是在视频网站爬取一些好看的小电影,地址不放(狗头保命)只记录过程. 实现功能: 从网站上爬取采 ...
和ts一般怎么玩_AG首发大换血，成功复仇TS，发了工资的TS谁也打不赢？
AG3-0击败TS,AG首发大换血复仇成功,六点六.爱思可能凉了,TS有钱了光速变涝王者荣耀2020年KPL秋季赛,于今天正式拉开序幕,揭幕战由广州TTG以三比二的比分,击败了南京Hero久竞.从本 ...
Python爬取视频之爱情电影及解密TS文件和两种合并ts！
俗话说,兴趣所在,方能大展拳脚.so结合兴趣的学习才能事半功倍,更加努力专心,apparently本次任务是在视频网站爬取一些好看的小电影,地址不放(狗头保命)只记录过程. 实现功能: 从网站上爬取采 ...
前端TS学习笔记（JS和TS优劣对比）
1.TypeScript优势 (跟JS相比较) 更早(写代码的同时)发现错误,减少找BUG,改BUG时间,提升开发效率. 程序中任何位置的代码都有代码提示,随时随地的安全感,增强了开发体验. 强大 ...
java print快捷键_JAVA中最常用的十个快捷键
http://blog.sina.com.cn/s/blog_5fb39f910101dc2b.html 一个Eclipse骨灰级开发者总结了他认为最有用但又不太为人所知的快捷键组合.通过这些组合可以 ...

ts快捷键 vscode_vscode中如何使用ts

ts快捷键 vscode_vscode中如何使用ts相关推荐

最新文章

热门文章