TS的初步使用（图解）

最新推荐文章于 2023-07-05 17:59:19 发布
最新推荐文章于 2023-07-05 17:59:19 发布
阅读量1.5k 收藏 1
点赞数 5
分类专栏： TypeScript 文章标签： typescript javascript 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sang_xu/article/details/121806116
版权

 首先搭建一个站点 如图

1.打开powershell

2.依次输入 

        tsc --init

         tsc -w     

成功之后文件里会多一个tsconfig.json的文件

 

3.点击终端 --- 点击运行任务 ---  点击刚刚创建好的文件进行监听 (在ts里敲代码js同步更新)

 4.在你的html页面引入index.js (在ts里敲代码 ts往js里转换 html引js)

5.接下来试一下代码是否执行成功便可以开始了

 

 

SforikX-
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
初识 ts的使用
lk19910323的博客
05-06 1023
1.什么是 ts？ ts 全称是 TypeScript TypeScript 可以理解为是 JavaScript 的扩展，扩展了 js 的语法，因此我们可以在 ts 中继续写 js 的代码而不回报错 TypeScript 又叫做静态的 JavaScript，不能直接引入到 html 中，不能直接被浏览器识别，需要经过 ts 转换器或者是 babel 转化后才能使用 2.如何理解静态语言和动态语言？ 类型系统按照类型检查的时机来分类，分为动态类型和静态类型，动态是在运行时候才检查数据类型，静态是在编译时候检查
TS使用教程
qq_47040462的博客
09-03 2952
1.1在本地运行ts代码需要先编译，可以通过命令安装tsc，tsc 的作用就是把.ts脚本转变成.js脚本（先安装npm）1.2.通过tsc -v查询版本。
ts 的基本使用
痕 ` 浅
08-05 756
ts的基本使用方法， 内容写的过于简洁，后续会补全
ts的基础使用介绍
qq_2511276124的博客
12-23 574
这些基础类型是ts的基本的单元，在此基础搭配类和接口可以实现更加酷炫的效果。
ts基础使用
weixin_44575130的博客
11-01 472
ts基础使用 1.全局安装typescript npm install -g typescript 2.TS基本使用 1.原始类型定义 // 原始类型定义 let isDone: boolean = false let age: number = 11 let myName: string = 'logan' let message: string = `hello, ${myName}` let u: undefined = undefined let n: null = null // undefi
ts9120 ts9180 中文使用书
01-01
《TS9120与TS9180中文使用手册》是针对这两款特定设备的操作指南，主要目的是帮助用户理解并有效地使用TS9120和TS9180设备。这些设备可能属于信息技术（IT）领域，如网络设备、存储解决方案或者服务器等。由于标签中...
ts24.lib文件下载 解压后使用
04-29
本篇将详细介绍ts24.lib这一特定的库文件，以及如何解压并使用它。 ts24.lib是一个静态链接库文件，主要用于C或C++编程语言。在Windows平台上，这种文件通常用于存储函数定义、变量声明和其他编程元素，以便在编译...
TS9180 TS9120 TS8180 TS8120清零软件
03-06
"TS9180 TS9120 TS8180 TS8120清零软件"是针对这四款型号的设备设计的专业工具，用于重置打印机或多功能一体机的计数器，以便它们可以继续正常工作。 首先，我们来看TS9180和TS9120。这两款设备可能是兄弟型号的...
TS5120 TS5180 TS6120 TS6180清零软件
03-06
总的来说，"TS5120 TS5180 TS6120 TS6180清零软件"是为了帮助用户解决打印机计数器问题而设计的实用工具，它能延长打印机的使用时间，降低维护成本。但同时，合理使用和适时更换耗材才能确保打印机的稳定性和打印...
ts-init：极简主义TypeScript包初始化程序-类似于`npm init`，但适用于TS
02-03
ts init 极简主义TypeScript包初始化程序-类似于npm init ，但用于TS。 全局安装： npm i -g ts-init 从现在开始，每当您要创建新的TypeScript项目时，只需运行： npm init ts-init 它实际上是做什么的？ 好吧，不是很多！ 它会： 安装dev的依赖关系：， 和 （跨平台rm -rf ）。 创建npm脚本以使用TS编译器构建项目，并使用ts-node运行它。 构建文件也将在package.json正确声明，并添加到.gitignore 。 创建一个默认的tsconfig.json文件，其默认设置为健全：ES6，并将以
tsinit：初始化TypeScript项目在2021年仍然是PITA，因此这是一个令人烦恼的简单bash脚本，用于使用nodemon，eslint，Jest和Prettier初始化裸露的TypeScript项目
02-26
tsinit 今年是2021年。使用明智的默认开发工具创建TypeScript项目仍然是PITA。因此，这是一个令人麻木的简单bash脚本，用于使用eslint，Prettier，nodemon和Jest初始化裸露的TypeScript项目。 不喜欢其中之一？ 只需将安装替换为所需的软件包，然后将相应配置文件的cat <<EOF> ...部分更改为您选择的默认配置即可。 这只是一个bash脚本。 先决条件 假设您有Yarn1.x。 如果您喜欢npm，请继续，将脚本更改为使用npm。 您的计算机不会爆炸。 如果您喜欢Yarn 2.x ...祝福您的灵魂。 npm与您的Node.js安装捆绑在一起，可以通过npm npm i -g yarn下载Yarn。 用法 tsinit <your> 在要创建项目的目录下运行它（这将在该目录中创建一个新文件夹，其中<your
01-TypeScript 介绍-TypeScript常用类型
weixin_51353891的博客
03-09 1004
TypeScript TypeScript 介绍 TypeScript 初体验 TypeScript 常用类型 TypeScript 高级类型 TypeScript 类型声明文件 在 React 中使用 TypeScript TypeScript 介绍 TS 官方文档 TS 中文参考 - 不再维护 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qOzCqWh9-1646827195897)(./images/TS_logo.png)] TypeScript 是什么
ts基础和基本使用
weixin_42498253的博客
08-16 84
无
ts基础应用
wanjun_007的博客
09-28 538
ts优势分析，数据类型，常见坑避雷分享
基本的TS使用
MrZachary_zlc的博客
04-08 95
Number Boolean String 数组： String[] Number[] Boolean[] 泛型： Array Array Array Array 元祖: [Boolean,String,Number] 函数： 函数 function（name：String）String 默认参数 function add(name:String=‘zachary’) 可选参数 function add(name？:String=‘zachary’) 可选放后边 剩余参数 function add(。。。r
TS教程-小白也能秒懂的TS入门指南，跟上程序员的脚步！
热门推荐
ll_883963的博客
07-05 1万+
TypeScript是一种由微软开发的自由和开源的编程语言。它是 JavaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。js 有的 ts 都有，所有js 代码都可以在 ts 里面运行。ts 支持类型支持，ts = type +JavaScript。ts 完全支持 js ，可以直接转换jsts动态编程语言静态编程语言边解释边执行，错误只有在运行的时候才能发现先编译再执行，在写的时候就会发现错误了（ts不能直接执行，需要先编译成 js ）
TypeScript（TS） 入门学习
Luzhangfeng的博客
12-23 372
TypeScript 入门 一、TypeScript 介绍？ TypeScript (简称 TS) 是 JavaScript 的超集（js 有的 ts 都有，并且为 js 添加了类型系统、接口、枚举等）。 ts 相比于 js 的优势： 类型化思维方式：使得开发更加严谨，提前发现错误，减少改 bug 的时间； 类型系统提高了代码的可读性，并使维护和重构代码更加容易； 补充了接口，枚举等开发大型应用时 js 缺失的功能。 二、安装解析 TS 的工具包 node.js / 浏览器，只认识 js 代码
TS tsc --init 此系统上禁止运行脚本
小前日记
12-21 751
一、以管理员身份打开编辑器 二、Set-ExecutionPolicy Unrestricted 表示可以执行未签名的脚本 三、get-executionPolicy
ts reader使用
最新发布
09-07
使用TS Reader非常简单。首先，我们需要在计算机或移动设备上安装TS Reader软件。然后，打开软件，选择需要阅读的文本文件，或者将需要阅读的文本复制粘贴到软件中。 在软件的设置中，我们可以调整阅读的语速、音调...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值