Typescript入门：简单介绍及vscode同步编译

最新推荐文章于 2023-05-12 00:40:04 发布
最新推荐文章于 2023-05-12 00:40:04 发布
阅读量370 收藏
点赞数
分类专栏： 学习笔记 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43525746/article/details/104241207
版权
本文介绍了TypeScript的基本概念，它作为JavaScript的强类型超集，支持ES6语法并提供类型检查。文章详细阐述了如何通过npm安装TypeScript，以及如何在VSCode中配置自动编译ts文件，实现保存即编译的功能，提升开发效率。
摘要由CSDN通过智能技术生成

typescript的简单介绍：

（1）typescript是强类型的javascript语言的预处理器，类似于less之于css的关系，typescript的编译结果是浏览器可执行的js文件
（2）typescript是js的超集，并且支持es6等ECMA语法
（3）typescript新增了类型校验，有利于项目的维护
（4）简单理解，就是加了类型检验的js

编译方法：

一般的ts是无法被浏览器识别的，只有经过编译才能生成浏览器可识别的js文件，编译方法如下：

  1. 使用npm全局安装typescript

    $ npm insatll -g typescript

  2. 切换到ts文件所在目录，执行tsc 命令

    $ cd tsFolder
$<
最低0.47元/天 解锁文章
lesifh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
typescript引入项目同步json文件方法总结
yfwangjd的博客
09-01 5643
思考以下问题一：用什么方法在typescript中读取json文件 二：路径设置，相对路径、绝对路径怎么引入，因为路径不正确肯定会提示找不到模块 三：为什么 var data = require(‘/sandbox/project/sync/name.json’) var tmp = JSON.parse(data); 执行时总报Unexpected token o in JSON at
shellsync:使用 Node.js 和 TypeScript 同步 shell 脚本
05-29
外壳同步 Node.js 的同步 shell 脚本。 实用：使用同步代码，使用熟悉的 shell 命令自动执行任务。 强大：将 shell 世界与 JavaScript 或 TypeScript 中的函数、模块、库、try/catch/finally、正则表达式等结合起来。 安全：避免大多数 Bash 陷阱并使用自动、。 健壮：使用并通过强化您的代码。 概述 用法 使用sh同步运行 shell 命令： const sh = require ( "shellsync" ) ; const filename = "file name with spaces.txt" ; sh `cd /tmp` ; sh `cat ${ filename } ` ; // read filename\ with\ spaces.txt 注意上面是如何使用 ES6 ，调用不带括号的sh函数。 这使
typescript保证同步的理解
Allen_Walker_QAQ的博客
07-27 7071
首先，我先说一下：恕我直言，脚本真JB操蛋，虽然TS引入了类型，因为兼容JS，也是操蛋。再加上nodejs的事件循环。官方文档不人性，小众语言，尼玛，不给初学者活路。 OK，发泄完了，现在来说下TS对于异步事件的同步控制吧。   关键字：promise，async，await，事件循环，异步IO具体怎么实现的自己去看。 如果你要控制一小段的同步：比如查询A表之后，根据A的数据再去删除B数据...
typescript学习笔记（同步官方文档）
lf1500282493的博客
07-04 706
TypeScript学习笔记 扎实基础，赶紧上手开发​ 第一、基础类型 boolean true/false number 所有的数字都是浮点数，类型为number string Array Array<其他数据类型> 数据类型[] tuple 元素数量和类型已知的数组，各元素的类型不必相同 [类型1，类型2，...
typescript的ajax同步,如何在async / await和typescript中使用jQuery的$.post()方法
weixin_34329524的博客
08-05 720
异步函数中的我的await语句是对jQuery的$.post()方法的调用,该方法返回一个有效的promise,但是我在TypeScript中遇到了这个错误：Type of ‘await’ operand must either be a valid promise or must not contain a callable ‘then’ member.我的功能是这个(示例简化).代码有效且有效...
vscode-typescript-debugging：在vscode中调试Typescript
02-16
在Visual Studio Code (VSCode) 中调试TypeScript代码是一项至关重要的技能，对于TypeScript开发者来说，这能够极大地提高他们的工作效率。VSCode是一款强大的开源代码编辑器，它支持丰富的语言特性和扩展，使得对...
Typescript入门：了解如何使用Typescript的基础知识来设置npm和Typescript
02-03
**typescript入门：了解如何使用Typescript的基础知识来设置npm和Typescript** 在现代Web开发中，TypeScript已经成为一种越来越受欢迎的编程语言，尤其对于大型项目和团队协作而言。它为JavaScript添加了静态类型...
vscode-translate:用于翻译的vscode扩展
05-16
vscode-translateTranslate languages.quick start:SettingsNameDescriptionDefaulttranslation.api支持 google-cn(国内) 和 googlegoogle-cntranslation.fromLanguage逆翻译的目标语言entranslation.targetLanguage...
VSCode中自动编译typescript
01-07
一、安装typescript： cnpm i typescript -g 二、创建相应的项目目录，当前项目目录； 三、创建tsconfig.json文件： tsc --init 四、打开tsconfig.json文件修改和删除相应配置（如果想快速修改配置，请复制下列...
vscode-snippet-generator::scroll: VSCode 代码段生成器
08-03
在VSCode中，代码段是一种非常实用的功能，它能够通过简单的触发词或快捷键插入预先定义好的代码块。VSCode 代码段生成器则进一步简化了创建和管理这些代码段的过程。通过"Generate Snippet"命令，你可以轻松地将...
TypeScript 基于setTimeout实现在异步方法内同步等待
shaotian100的博客
08-24 2132
同步等待方法封装 async function waitAsync (ms: number): Promise<void> { return new Promise<void>((resolve) => { setTimeout(resolve, ms) }) } 调用DEMO (async () => { await waitAsync(100) console.time('bench 500'
实现同步的方法
自我提升之路
08-12 2803
1.使用synchronized的方法,public synchronized save(){}; 2.同步代码块synchronize(object){} 3.使用特殊域变量(voliatle)实现同步代码块的方法 4.使用重入锁实现线程同步 5.使用局部变量实现线程同步 6.使用阻塞队列实现线程同步 7.使用原子变量实现线程同步   synchronized修饰词的三种应用方式...
TypeScript 对于同步函数，如何暂停其执行一段时间?
最新发布
winfield821的博客
05-12 923
后面的代码仍然会继续执行，不会等待回调函数执行完毕再执行。如果你需要在回调函数执行完毕后再执行后续代码，可以将后续代码也放到回调函数中，或者使用异步的方式来处理。的第二个参数是要暂停的时间，以毫秒为单位。在这个例子中，我们将要暂停的时间设置为 1000 毫秒，也就是 1 秒钟。函数可以让我们在指定的时间后执行一个函数，因此我们可以将要暂停的代码放到一个函数中，然后在。在 TypeScript 中，要暂停同步函数的执行一段时间，可以使用。函数是异步的，它会在指定的时间后才执行回调函数。
如何实现多个异步同步执行？
weixin_33748818的博客
10-23 392
var p1 = new Promise(function(resolve,reject){ setTimeout(function(){ console.log('1'); resolve() },3000) }) function p2(){ return new Promise(function(resolve,reject){ setTimeout(function()...
【promise + yield + async + await】异步转同步
qq_44917015的博客
08-12 515
【promise + yield + async + await】异步转同步。
通过 await 和 async 语法糖将异步代码变成同步
LGDmar的博客
08-06 1157
Promise 与 await-async，await-async是ES7推出的Promise语法糖，基础Promise之上 下面我们看一段代码是await-async实现的异步阻塞同步执行 function readSync(isTrue) { return new Promise((resolve, reject) => { setTimeout(function(){ if(isTrue){ resolve('成功!')
vscode 选择ts版本为项目使用的版本
阿豪
03-02 1910
原文链接: vscode 选择ts版本为项目使用的版本 ...
Typescript 异步编程范式 Await/Async Deferred/Promise
YueLing's Blog
04-13 1万+
在Typescript编程当中，我们如何优雅的实现异步编程呢？ 利用Await/Async写上层逻辑，利用Deferred/Promise封装回调函数。 我们先来看一下实际工作环境中的一段代码： 这段代码实现的功能是将本地的文件或文件夹上传至hdfs上。 async upload(localPath: string, hdfsPath: string, recursive = fa...
使用WebStorm开发TypeScript的设置
热门推荐
Taotao的CSDN之家
05-17 3万+
1、下载WebStorm，我使用的是WebStorm8.0，安装（注册码自己找下）。 下载Node.js（地址：nodejs.org），安装。 使用Node的npm命令安装TypeScript编译器：（cmd命令直接执行不成功的话，到Node安装目录下再执行npm命令） 如果你想安装或更新最新版，执行npm install typescript -g 如果你要安装特定版本，就npm ins...
TypeScript基础入门：VSCode安装及为何选择TypeScript
在VSCode中设置TypeScript环境，你需要确保安装Node.js（因为TypeScript编译器是基于Node.js的），然后可以通过npm（Node Package Manager）来安装typescript和相关插件，如TypeScript Language Server，以实现代码...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值