ts学习心得---起步

最新推荐文章于 2023-10-18 16:16:47 发布
最新推荐文章于 2023-10-18 16:16:47 发布
阅读量787 收藏
点赞数
分类专栏： ts 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42229667/article/details/113447361
版权
本文介绍了如何全局安装TypeScript和ts-node，从而在VSCode中直接运行TypeScript代码。通过创建tsconfig.json配置文件设置编译输出目录，并让VSCode监听文件变化自动编译，实现更便捷的开发流程。
摘要由CSDN通过智能技术生成

起步

全局安装ts

npm install -g typescript

全局安装ts-node

安装它的原因是typescript自带的tsc命令并不能直接运行typescript代码。但值得注意的是 ts-node 并不等于 typescript 的 Node.js ，仅仅封装了 typescript 的编译过程，提供直接运行typescript代码的能力。

npm install -g ts-node

新建.ts文件后就可以开始愉快的coding了

ts-node 文件名.ts

很明显这样操作不太方便，所以我们想vscode自动编译ts文件为js文件，再用html引入打开，在控制台就可以看到我们的输出

新建文件夹，打开控制台输入以下命令得到tsconfig.json

tsc --init

按需更改outDir（编译后输出js的位置）

接下来是让vscode监听这玩意

菜单栏--》终端--》运行任务...--》

然后就可以愉快的开始ts了

社会社会
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
typescript学习心得
Sakura_Codeboy的博客
12-03 331
为什么使用TypeScript JavaScript的超集 支持所有原生JavaScript的语法 强类型语言 现在很多主流语言都是强类型的，而这点也一直是JavaScript所被人诟病的地方。使用TypeScript之后，将会在代码调试、重构等步骤节省很多时间。 比如说：函数在返回值的时候可能经过复杂的操作，那我们如果想要知道这个值的结构就需要去仔细阅读这段代码。那如果有了TypeScript之...
TS基础学习心得
SW43464616的博客
08-30 354
一. 变量的声明和细节 let a: number = 0; let b: string = 'b'; let c = true; // 声明和赋值同时进行了，ts自动声明类型了 c = false; let d: 10; // 不能修改了 let e: 10 | 12; // 不能修改,但是可以在多个当中选择变换 let f: any; // 任意类型，不建议使用 let g; // ts自动隐式any类型了 // 注意，any类型可以随意赋值给别人，会对别的变量造成影响 let h:
学习TS的总结
weixin_34124939的博客
10-09 367
解开疑惑 最近刚刚接触TS,我刚开始不太理解，为啥要用TS,限制很多还要转换，觉得js也有类型转换，强类型和弱类型也没有很大的区别，不懂为啥那么的推崇TS。 之后慢慢的了解思考之后，我明白了些用TS的好处 方便更准确的检查错误。 给程序带来稳定性和可预测性。 静态类型检查。项目中不再需要typeof检查类型，数据类型之前就规定好的。比如react传过来的props就不需要写proptypes。 ...
ts学习总结
qq_41445106的博客
07-06 449
ts学习总结 ts最重要的特性：类型系统、适用于任何规模 数值 let num: number = 1 但是 ES6 中的二进制和八进制表示法，它们会被编译为十进制数字 字符串 let name: string = 'wujuan' 布尔值 let isDone: boolean = false 使用构造函数 Boolean 创造的对象不是布尔值 let createdByNewBoolean: boolean = new Boolean(1) 则会报错, 事实上 new Boolean() 返回的是一
今天来分享下ts学习总结
qq_69892545的博客
11-23 227
什么是 TypeScript？TypeScript 是添加了类型系统的 JavaScript，适用于任何规模的项目。TypeScript 是一门静态类型、弱类型的语言。TypeScript 是完全兼容 JavaScript 的，它不会修改 JavaScript 运行时的特性。TypeScript 可以编译为 JavaScript，然后运行在浏览器、Node.js 等任何能运行 JavaScript 的环境中。TypeScript 拥有很多编译选项，类型检查的严格程度由你决定。
ts-mock-generator
04-16
ts-mock-generator English | :sparkles: 特征 :package: 开箱即用的模拟生成工具 :face_with_tongue: 通过接口定义返回值接口自动生成模拟数据 :page_facing_up: 支持生成模拟文件以进行二次编辑 :fire: 支持...
TS-MTS工具箱.xmind
03-18
TS-MTS工具箱功能
ISO_TS 24082-2021
04-07
ISO_TS 24082-2021
20220823-1000-ts.dat
最新发布
04-24
20220823-1000-ts.dat
信息安全TS-web学习资料
07-18
"信息安全TS-web学习资料"是一个针对这一主题的压缩包文件，包含了丰富的学习资源，旨在帮助用户深入理解Web安全，提升自己的防护能力。这个压缩包中的文件名为"TS-web-2015_10_16"，可能是某次活动、课程或研讨会的...
TS学习总结
weixin_51704875的博客
07-09 220
1.TS是什么2.用法3.变量首先变量要遵守以下几个规则：变量的声明同JS有所不同： 4.函数作为JS的超集，函数的定义与调用同JS的大致相同。声明： 调用（可多次调用）: 5.运算符6.对象创建一，其创建方式与JS的有所不同：定义接口： 创建对象： 创建二，与JS一致，对象字面量： 7.数组创建： 8.三种基本结构顺序结构分支结构if…elseswitch 循环结构for循环 while循环 9.联合类型可以通过管道将变量设置为多
ts 的学习总结
weixin_50902154的博客
04-29 231
新概念： 接口 、泛型 、装饰器 ts中的类型 let num:number =123; let str:string = 'wangweiqi' let isShow:boolean = false; let arr:number[]=[1,2,3,4] let arr1:Array<number|string>=[5,10,15,"wwq"] //这里声明的联合类型 //定义一个元组 let person:[string,number]=['aaa',18] //数组
ts的学习历程 -- 01
weixin_33853794的博客
05-09 960
ts是什么？ TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。 语言特性 ts是一种给js添加特性的扩展性语言，扩展功能如下： 基础类...
react+ts项目起步
一撇一画的博客
10-09 873
运行 yarn config set registry https://registry.npm.taobao.org/ yarn global add create-react-app@3.4.1 （亦可用 npm 全局安装） create-react-app morney --template typescript（项目名可以自定） cd morney yarn start（会自动打开浏览器） 不喜欢自动，就运行 echo 'BROWSER=none' > .env 再 yarn start
ts的自学之路（未完）
a690392431的博客
07-04 2581
ts的好处： 代码出现类型不对或者其他错误后能立刻显示出来。在写对象的方法的时候能自动补全等等........ Ts的安装： 需要安装node 运行环境和ts，安装好后通过tsc demo.ts 来对ts文件进行编译，编译出一个js文件后通过 node demo.js 来运行得出结果。当然这个流程是已经比较复杂，可以安装npm install -g ts-node 来辅助编译。 ts-node demo.ts TS基础语法 静态类型比动态类型的好处在于剥夺它的”灵活性”,使它更具有规范性。 ..
修改了 tsconfig.ts 没变化？试试重启 TS server！
YopenLang的博客
09-30 3239
文件之后，TypeScript 老是没有检测到修改，无奈只能重启 VSCode。(Windows) 打开 command palette，输入。文件，再在 command palette 输入。命令，那是因为这条命令需要你在。文件的 Tab 才可用。这里有一个坑，就是没有。所以你要先随便打开一个。(MacOS) 或者。，这个时候就找得到了。
安装TypeScript时报错 问题解决。
fukua007的博客
08-04 818
修改完重新执行 npm install typescript -g。
TypeScript 起步
colin2200的博客
10-18 88
TypeScript（简称 TS）是微软公司开发的一种基于 JavaScript （简称 JS）语言的编程语言。它的目的并不是创造一种全新语言，而是增强 JavaScript 的功能，使其更适合多人合作的企业级项目。TypeScript 可以看成是 JavaScript 的超集（superset），即它继承了后者的全部语法，所有 JavaScript 脚本都可以当作 TypeScript 脚本（但是可能会报错），此外它再增加了一些自己的语法。
1.10分钟学会ts
HQ\(^o^)/的博客
07-08 717
typescript简称(ts) 是微软的开源的编程语言 ts是js的超集,是因为ts比js多了 类型系统作用是: 为变量添加类型约束语法: let 变量: 类型 = 值eg: let n : number = 100 (常用类型: number string boolean null ) : number 就是类型注释, 规定了什么类型,就要赋予什么类型的值, 否则,会报错eg: let n : number = '100' (这个会报错 ,因为规定了这个是数字类型,而
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值