2021-08-21 typescript的安装和运行

最新推荐文章于 2024-12-24 09:51:57 发布
原创 最新推荐文章于 2024-12-24 09:51:57 发布 · 114 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#typescript

本文介绍了如何安装和运行TypeScript项目，包括使用`tsc`命令进行编译生成JavaScript文件，通过`ts-node`直接运行 TypeScript 脚本，以及在HTML中外部引入TS文件的方式。详细解析了不同方法的适用场景和操作步骤，为TypeScript初学者提供了清晰的指导。

文章目录

安装和运行
安装命令
ts安装:npm install typescript -g
ts-node安装:npm install -g
运行命令
方法一: tsc 命令编译
编译生成同名js文件:tsc xxxx.ts
运行js文件:node xxxx.js
方法二:使用ts-node直接运行
ts-node xxxx.ts

*这个命令不会生成对应的js文件

方法三:外部引入

像js文件一样在html文件的script标签中外部引入

如何运行TypeScript
bill的博客
05-26 480
安装 TypeScript 编译器。编写.ts文件。使用tsc命令将.ts文件编译为.js文件。使用 Node.js 或浏览器运行生成的.js文件。（可选）使用ts-node直接运行 TypeScript 文件。（可选）使用配置项目。通过这些步骤，你可以轻松地编写、编译和运行 TypeScript 代码。
TypeScript编译与运行：让你的代码更高效，Bug更少
青轩桃李能几何，流光欺人忽蹉跎
07-29 1066
要在浏览器中运行TypeScript代码，您需要将TypeScript代码转换为JavaScript，并在HTML文件中引入生成的JavaScript文件。在生产环境中，建议将TypeScript代码编译为JavaScript，并使用编译后的JavaScript文件进行部署。当您在TypeScript文件中进行更改后，需要重新编译为JavaScript文件，并刷新浏览器以查看更新后的结果。或者，您也可以将编译后的JavaScript文件嵌入到HTML文件中，并在浏览器中运行。
typescript学习笔记一：typescript的介绍、安装和运行(1)
2401_84419493的博客
04-29 550
或者yarn global add typescript //前提是安装了yarn安装完成后，可以输入tsc -v 检查是否安装成功。
typescript安装与运行
u011229456的博客
07-14 1699
npm install -g typescript 安装typescript stc命令npm install -g typescript -ts-node学习网站https://nodelover.gitbook.io/typescript/ji-chu-ren-zhi
TypeScript怎么用
weixin_42781715的博客
03-20 376
在你的项目中创建一个 .ts 文件，然后编写 TypeScript 代码。TypeScript 代码和 JavaScript 代码非常相似，只是 TypeScript 可以让你使用类型注解等特性来增加代码的可读性和健壮性。TypeScript 是一种基于 JavaScript 的编程语言，它增加了类型检查和其他特性，使得编码更加安全和高效。运行后会在你的项目目录下创建一个 tsconfig.json 文件，这个文件描述了你的 TypeScript 项目的编译选项。
vue-pure-admin-Typescript资源
最新发布
06-27
在Vue-pure-admin-Typescript项目中，TypeScript被用来提高代码的可读性、可维护性，以及减少运行时错误。通过类型注解，开发者可以明确知道每个变量、函数和组件的输入输出类型，这对于团队协作和代码审查都...
Typescript-Node-Starter:用Typescript编写的Node.js入门包
04-18
"Typescript-Node-Starter" 是一个基于 TypeScript 的 Node.js 开发框架，旨在帮助开发者快速搭建和启动新的 Node.js 项目。它提供了 TypeScript 的支持，使得代码具有更好的类型检查和静态分析能力，提高开发效率并...
前端开源库-eslint-config-airbnb-typescript
08-30
总的来说，`eslint-config-airbnb-typescript`为`TypeScript`开发者提供了一套完善的编码风格指南，它结合了`Airbnb`的经验和`TypeScript`的强大功能，有助于创建出更高质量、更易维护的前端应用。无论你是初学者...
【前端】Typescript使用教程
大雨的博客
08-10 4310
TypeScript是微软开发的一个开源的编程语言，通过在JavaScript的基础上添加静态类型定义构建而成。TypeScript通过TypeScript编译器或Babel转译为JavaScript代码，可运行在任何浏览器，任何操作系统。 ​
TypeScript的基本使用
weixin_58555796的博客
03-15 1392
TypeScript的基本使用
TypeScript(一)TypeScript下载安装，编译运行的三种方式：tsc命令行/webpack搭建环境/tsc-node库
zzy7075的专栏
08-28 770
文章介绍了TypeScript作为JavaScript的超集，提供类型系统，并演示了如何搭建TypeScript环境，包括使用tsc编译器、通过Webpack自动化构建流程，以及配置ts-node直接运行TypeScript代码。-y 的含义：yes的意思，在init的时候省去了敲回车的步骤，生成的默认的package.json。在进行TypeScript开发时，我们会针对TypeScript进行相关的配置，而这些配置信息是存放在一个tsconfig.json文件中的。
TypeScript 初识体验
滴水石穿
12-24 494
TypeScript（简称：TS）是 JavaScript 的超集（JS 有的 TS 都有）。TypeScript = Type + JavaScript（为 JS 添加了类型系统）。TypeScript 是微软开发的开源编程语言，设计目标是开发大型应用。可以在任何浏览器、任何计算机、任何操作系统上运行。
TypeScript 基本使用指南【前端 26】
delepaste的博客
09-29 852
TypeScript 是 JavaScript 的一个超集，它添加了类型系统和一些其他特性，使得开发大型应用时更加高效和可靠。TypeScript 代码最终会被编译成普通的 JavaScript 代码，这意味着你可以在任何支持 JavaScript 的环境中运行 TypeScript 代码。TypeScript 通过添加类型系统和编译时检查，极大地提高了 JavaScript 开发的效率和可靠性。通过本文，你应该已经了解了 TypeScript 的基本安装、类型系统、接口、类以及编译过程。
『TypeScript』从零开始编写你的第一个TypeScript程序
老陈聊架构
12-07 1487
📣读完这篇文章里你能收获到：了解TypeScript及为什么使用TypeScript，TypeScript的安装过程，编写第一个HelloTs程序
一分钟入门TypeScript
LUZENG_SA的博客
09-21 633
typescript是Javascript超集，是JavaScript+强类型跨平台：TypeScript 编译器可以安装在任何操作系统上，包括 Windows、macOS 和 Linux。ES6 特性：TypeScript 包含 ECMAScript 2015 (ES6) 的大部分特性，例如箭头函数。面向对象的语言：TypeScript 提供所有标准的 OOP 功能，如类、接口和模块。静态类型检查：TypeScript 使用静态类型并帮助在编译时进行类型检查。
TypeScript开启
m0_62962469的博客
11-27 2653
这里在使用ts里的变量的时候，产生一个问题，同一个文件夹下(其实不同文件夹下也会产生这样的问题)的t不同s文件怎么会产生重名问题，是因为在一个没有任何设置的普通项目中，vscode编辑器会把当前打开的 ts 文件当作一个整体的作用域进行验证。这里的w是watch的意思，输入这样的命令之后，会帮助我们监视该ts文件，当该文件内容发生变化之后，会帮助我们在一定的时间间隔之后自动编译ts文件。通过类型声明可以指定ts中变量（参数、形参）的类型。当对变量的声明和赋值时同时进行的，TS编译器会自动判断变量的类型。
typescript项目创建及运行
jxbook的博客
12-03 1204
创建一个typescript项目，运行且无法使用tsc命令
Typescript的三种运行方式
热门推荐
HaiJing1995的博客
04-29 3万+
Typescript的三种编译运行方式一、在线complier这种方式最简单，不需在本地做任何配置安装，只需进入Typescript的官网，点击里面的playground就可以直接写代码了。但这种方式只适用于测试而不适用于开发。二、本地命令行编译1、在本地编译运行Typescript需要使用npm下载typescript npm install -g typescript 至于n
如何在typescript项目中调用js
qingqingzijinxin的专栏
04-23 6746
要想在typescript项目中调用js方法，先要将js模块中的js文件都要转为d.ts文件，然后才可以正常调用其中的方法。 本文以crypto-js为例，演示一个完整的转换过程。 第一步： 新建文件夹，生成package.json文件。命令： npm init -y。 如图： 第二步：安装crypto-js模块，命令：npm install crypto-js --save。如图： ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端OnTheRun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值