如何简单的使用typescript

已于 2023-01-03 11:32:16 修改
阅读量794 收藏
点赞数
分类专栏： tpyescript 文章标签： typescript javascript 前端
于 2021-12-03 16:36:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44603011/article/details/121701978
版权

方法一：

npm i -g typescript 安装typescript的编译

首先新建一个ts后缀名的文件。然后通过命令编译成js文件 

 用的时候，只需要引入编译好的js文件即可。

方法二：

1. 在终端输入  tsc --init时，就可以自动创建一个tsconfig.json文件

2. 将创建的文件中的 ‘outDir’ 代码的注释解开，设置文件的编译的路径

3. 在VScode中，点击 终端>>运行任务>>在输入框中选择火输入 监视任务 

逆风优雅
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【入门】TypeScript基本使用
m0_66083041的博客
03-30 2364
1.TypeScript介绍 TypeScript简称:TS,是JavaScript的超集。 (1)JS有的TS都有,JS写的代码在TS的环境下都能跑。 (2)在JS基础之上,为JS添加了类型支持。TypeScript=Type+JavaScript TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了TypeScript ，使得其能够胜任开发大型项目。 // TypeScript 代码有明确的数据类型
Typescript的三种运行方式
热门推荐
HaiJing1995的博客
04-29 3万+
Typescript的三种编译运行方式一、在线complier这种方式最简单，不需在本地做任何配置安装，只需进入Typescript的官网，点击里面的playground就可以直接写代码了。但这种方式只适用于测试而不适用于开发。二、本地命令行编译1、在本地编译运行Typescript需要使用npm下载typescript npm install -g typescript 至于n
TypeScript怎么用
weixin_42781715的博客
03-20 276
在你的项目中创建一个 .ts 文件，然后编写 TypeScript 代码。TypeScript 代码和 JavaScript 代码非常相似，只是 TypeScript 可以让你使用类型注解等特性来增加代码的可读性和健壮性。TypeScript 是一种基于 JavaScript 的编程语言，它增加了类型检查和其他特性，使得编码更加安全和高效。运行后会在你的项目目录下创建一个 tsconfig.json 文件，这个文件描述了你的 TypeScript 项目的编译选项。
typescript学习笔记一：typescript的介绍、安装和运行(1)
2401_84419493的博客
04-29 348
或者yarn global add typescript //前提是安装了yarn安装完成后，可以输入tsc -v 检查是否安装成功。
TypeScript(总结)
qq_45585640的博客
04-24 589
TypeScript 常用类型 类型注解 **目标：**能够理解什么是ts的类型注解 内容： 示例代码： let age: number = 18 代码中的 : number 就是类型注解 作用：为变量添加类型约束。比如，上述代码中，约定变量 age 的类型为 number 类型 解释：约定了什么类型，就只能给变量赋值该类型的值，否则，就会报错 // 错误演示 // 错误原因：将 string 类型的值赋值给了 number 类型的变量，类型不一致 let age: number = '18'
怎么运行Typescript
weixin_34216196的博客
07-30 293
依据官方示例： npm i -g typescript   示例：tsc *.ts 实例：tsc hello.ts   不过以上实现的太有限制了，如下实现可满足正常测试以及学习使用   package,json 1 { 2 "name": "TypeScript", 3 "version": "1.0.0", 4 "descrip...
超级简单的Vue使用typescript教程
最新发布
05-02
使用 Vue 与 TypeScript 可以让你享受到两者的优势，下面是一份超级简单的 Vue 使用 TypeScript 的教程： 1. 环境准备 确保你已经安装了 Node.js 和 npm（或 yarn）。然后安装 Vue CLI： npm install -g @vue/cli ...
RxJS在TypeScript中的简单使用详解
10-15
主要介绍了RxJS在TypeScript中的简单使用详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
tscalc:使用TypeScript实现的简单计算器包
04-23
使用Node和TypeScript进行构建。 $ git clone https://github.com/cwchentw/tscalc.git $ cd tscalc $ npm install $ npm run build 将dist / calc.min.js复制到您自己的项目中。 用法 在浏览器中运行此计算器： &...
SVGTypeScriptAPI:使用 TypeScript 创建 SVG 图形的简单 API
06-13
SVG - JS / TypeScript API 示例： : 这是一个使用 TypeScript（或 JavaScript）创建 SVG 图形的简单 API。 代码示例： this.svg = new SVGCanvas( htmlElement ); // Create an SVG elementthis.svg.width = 800;...
使用TypeScript开发微信小程序的方法
09-01
【使用TypeScript开发微信小程序的方法】 TypeScript是Anders Hejlsberg的杰作，它在JavaScript的基础上增加了静态类型和面向对象编程特性，深受C#爱好者的喜爱。TypeScript不仅扩展了JavaScript的语法，还允许无缝...
typescript-starter：通过将代码拆分为不同的NPM包来启动Typescript项目的简便方法
02-04
Typescript Monorepo启动器 通过将代码拆分为不同的NPM包来启动Typescript项目的简便方法。 盒子里装了什么： Lerna的Monorepo设置 Typescript项目的配置 用于Typescript和Javascript的ESLint配置 使代码看起来更漂亮 赫斯基确保您永远不会提交带有错误的代码 路径别名支持（因此您可以将src代码包含在绝对路径中） 对Node JS的源映射支持 支持使用Jest进行测试，并使用eslint-plugin-jest强制执行测试样式 入门： 只需克隆此存储库，即可开始使用。 除了克隆npx @poweredlocal/he
typescript基本用法、安装typscript、ts、tsconfig.json配置详解、ts数据类型、泛型写法、类型断言、class类、类的继承、修饰符 private 私有的,外部不能访问
liangzhenmeng的博客
03-28 4910
前段必备神技typescript，包含typescript安装、tsconfig.json配置、数据类型、class类、泛型、abstract抽象类、namespace命名空间、decorator修饰器等
如何运行Typescript脚本
forward_huan的博客
07-21 3254
网页上执行 这种方式比较直接，不需要本地做任何配置, 不过第一次加载比较慢。个人感觉很适合调试代码。 网页链接:https://www.typescriptlang.org/play/index.html# 本地命令行编译，转换为JS脚本执行 使用nodeJs下载依赖包 npm install -g typescript 使用命令行终端执行以下命令，就会在当前目录生成相应的JS文件 tsc test.ts 执行JS脚本 node test.js 其它执行JS脚本的方式可以参考: 运
typescript 运行
pspxuan的博客
12-10 976
以下操作需要下载 node.js 将写好的 ts代码编译成 js ： tsc 文件名.ts 运行 js: node 文件名.js 或者直接 npm i ts-node -g 再使用 ts-node 文件名.ts,此方法不会被编译成一个新 js 文件
建立一个typescript工程
wulong710的专栏
11-30 3081
建立一个typescript工程，不要太复杂。 1.安装node.js 自己下载安装 2.打开命令行运行 $ node -v v8.12.0 $ npm install npm -g $ npm -v 6.4.1 andrew@DESKTOP-1CLR4DJ /cygdrive/e/study/ts/test_four $ npm -g install typescript $...
TypeScript 使用教程
少年感
02-27 723
TS 使用教程学习 文章目录 安装和环境搭建 基本类型 tsconfig.ts 文件配置选项 类 使用webpack打包ts 例子(贪吃蛇小游戏)
使用Typescript开发node.js项目——简单的环境配置
Pan Fengshan的博客
08-04 2541
使用Typescript开发node.js项目——简单的环境配置
Typescript的基本使用
qq_60976312的博客
10-28 565
Typescript的基本使用
简单介绍typeScript
07-23
它允许开发者在使用新特性时享受到静态类型检查的好处。 总的来说，TypeScript是一种强类型的JavaScript超集，通过添加静态类型、类、接口等特性，提供了更强大的工具和功能，使得大型应用程序的开发更加可靠和高效...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值