TypeScript（一）TS介绍，环境安装与运行

原创 已于 2023-04-04 21:21:54 修改 · 3.9k 阅读 · 11 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#typescript #javascript #前端 #面试

于 2021-02-25 15:33:51 首次发布
本文是TypeScript知识总结，介绍了其起源，它是JavaScript超集，能胜任大型项目开发。详细说明了环境安装步骤，推荐了VS Code和WebStorm两款IDE，还介绍了在VSCode和WebStorm中开发与运行TypeScript的方法，最后总结了环境搭建和运行过程。

目录

前言

环境安装

IDE推荐

开发与运行

总结

前言

本文收录于TypeScript知识总结系列文章，欢迎指正！

TypeScript是JavaScript的超集，扩展了JavaScript的语法，因此现有的JavaScript代码可与TypeScript一起工作无需任何修改，TypeScript通过类型注解提供编译时的静态类型检查。其源于JavaScript（JS的拓展），终于JavaScript（编译成JS）
TypeScript 起源于使用JavaScript开发的大型项目 。由于JavaScript语言本身的局限性，难以胜任和维护大型项目开发。因此微软开发了TypeScript ，使得其能够胜任开发大型项目。

环境安装

首先安装node与npm，参考这篇文章
打开cmd，运行以下命令安装TypeScript

npm install
最低0.47元/天 解锁文章
2、TypeScript基础----TypeScrip环境安装与运行
imkaifan的博客
09-24 497
es的语法浏览器可以直接运行,但是浏览器不能直接运行TS语法 解决：TS -->JS，在交给浏览器运行，类似于less–>css 谁来转换TS呢，也就是将TS编译JS —> TS环境安装与运行 安装ts环境 第一步：安装TS之前先要安装NodeJS和npm 通过npm安装TS TS程序运行小demo 代码： 让vscode自动编译ts文件 ...
2. TypeScript 安装与环境配置指南
一名全栈开发工程师
04-07 1403
成功安装并配置了 TypeScript 环境,就可以享受 TypeScript 带来的强类型和现代 JavaScript 特性了
【TypeScript】介绍和环境搭建的详细步骤
m0_71485750的博客
08-15 3058
GitHub说法： TypeScript is a superset of JavaScript that compiles to clean JavaScript output.TypeScript官网： TypeScript is a typed superset of JavaScript that compiles to plain JavaScript.这两个地方的意思是差不多的, 翻译过来： TypeScript是拥有类型的JavaScript超集, 它可以编译成普通、干净、完整。.......
ts-node 完全指南：TypeScript 在 Node.js 中的终极执行解决方案
最新发布
gitblog_01048的博客
11-18 352
ts-node 是 Node.js 的 TypeScript 执行引擎和 REPL 环境，它能够直接将 TypeScript 代码转换为 JavaScript 并实时执行，无需预先编译。这个强大的工具通过挂钩 Node.js 的模块加载 API 来实现无缝集成，让开发者能够轻松地在 Node.js 环境中运行 TypeScript 代码。😊 ## 🚀 为什么选择 ts-node？ ts-n
ts安装和环境搭建
01-08
ts安装和环境搭建全局安装typescript项目初始化package.json 配置tsconfig.json配置测试编译基本类型 学习资源推荐 微信扫码关注公众号 ：前端前端大前端，追求更精致的阅读体验 ，一起来学习啊 关注后发送关键资料,免费获取一整套前端系统学习资料和老男孩python系列课程 全局安装typescript npm install -g typescript 项目初始化 新建目录：如ts-dev 进入ts-dev并执行命令npm init -y生成package.json文件 再输入命令tsc –init 生成tsconfig.json文件 package.jso
vscode ts安装环境
04-18
vscode ts安装环境。。
搭建ts环境
老道，柳三剑是也。
01-21 1603
1、安装ts:npm install -g typescript 2、安装完成后检查版本：tsc -v 这样就安装好了ts环境，但如果想要运行写好的ts文件，需要用tsc 文件名 生成对应的js文件，然后再用 node 生成的js文件名 运行ts，这样的话就会很麻烦。 所以，可以安装tsc-node来直接运行ts文件。 安装tsc-node的命令：npm install -g ts-node 查看版本命令：ts-node -v 在安装完ts-node后，就不需要先将ts文件转化成js文件，然后再
Vue 3-计算属性的getter,setter
Lin16819的博客
09-17 1005
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
【TS】typescript 运行环境
票票的博客
08-22 341
2.2 在 VSCode 编辑器安装 Code Runner 插件。2.6 新建 .ts 后缀的文件，编写代码，运行即可。2.1 安装 VSCode 编辑器。2.4 配置Node.js环境变量。2.5 安装 ts-node。2.3 安装Node.js。
浅谈TypeScript 用 Webpack/ts-node 运行的配置记录
11-26
首先，我们提到Node.js有一个工具叫做`ts-node`，它可以让我们直接在Node环境中运行TypeScript代码。`ts-node`会自动编译TypeScript到JavaScript，然后执行。但是，这种方法存在一些问题，比如TypeScript的路径配置...
TS 运行环境
liangshanbo1215的博客
09-21 1392
CodeSandbox 是一个基于云的开发平台，允许开发者在任何设备上快速创建、协作和发布任何规模的项目。StackBlitz消除了耗时的本地配置，让开发人员花更多的时间进行构建。swc-node 能够让node运行TS代码，swc-node 的运行速度快于ts-node，且不检查 TS 语法。是一个在线 TypeScript 编辑器，它允许你编写、共享和学习 TypeScript 代码。5.1、安装 ts-node。7.2、执行 ts 文件。5.2、执行 ts 文件。6.2、执行 ts 文件。
ts的环境搭建
xiaokang_h的博客
05-05 1007
TypeScript开发环境搭建 1.下载Node.js http://nodejs.cn/download/ 根据自己电脑系统安装相对应的版本。 2.安装Node.js 安装完成后，通过win+R，输入cmd，调出黑窗口，输入node -v，显示版本号则表示安装完成， 3.使用Node.js全局安装typescript -进入命令行 -输入：npm i -g typescript 安装完成后，在命令行输入tsc，黑窗口显示很多代码，即表示安装完成，如果下图 如安装失败，即重新开始即可。 4.创建一个t
ts文件运行命令
xxiangaa的博客
03-29 1762
运行typescrip文件（后缀为tsx） yarn build npm run dev 运行Markdown文件（后缀mdx）比如tutorial那种Markdown yarn yarn start
TS运行环境安装（node.js）
gyutdcu的博客
08-31 3098
运行过程：编译：在命令提示窗输入命令“tsc xxx.ts”，然后ts的同级位置会出现一个js文件。这种方式有一个缺点是增加了工作量，当ts文件重新添加了一些代码，又要重新编译，然后才能运行。根据操作系统和系统位数，挑选下载，最好选后缀为msi的，这种几乎就是傻瓜式安装，中途可能就选一下安装路径，但尽量选择系统盘（一般为C盘），且目录名不要有中文或空格，避免后续操作出现问题。打开我们要编写TS代码的文件夹，在地址栏输入cmd打开命令提示窗输入命令"tsc --init"，安装tsconfig.js文件。
ts-node安装
wangatong的博客
05-17 1988
npm i -g ts-node 当运行报错Cannot find name ‘console‘ ts-node hello.ts 再安装 npm install -g @types/node
TS使用教程
qq_47040462的博客
09-03 7274
1.1在本地运行ts代码需要先编译，可以通过命令安装tsc，tsc 的作用就是把.ts脚本转变成.js脚本（先安装npm）1.2.通过tsc -v查询版本。
安装TS
HANK-M的专栏
05-09 1361
今天把thinksns装上了，感觉挺好，因为自己对TP比较熟悉，所以感觉ts也挺好，我喜欢TP框架。 首先是TS的下载地址：http://www.thinksns.com/down.html下载完后解压，在mysql中建立thinksns数据库，把thinksns文件夹拷到www目录下，下面是安装--在浏览器地址栏里输入http://localhost/thinksns/install/i
ts项目运行
weixin_56149392的博客
08-31 1450
第三步运行文件 ts-node 1.ts //ts-node 后跟文件名。第一步安装ts npm install -g typescript。第二步安装 ts-node npm install -g ts-node。
直接运行ts文件
热门推荐
小妖666个人笔记
09-01 1万+
想用 ts 学习 Observable 的使用，又不想整个运行 angular 程序，所以想直接运行某一个ts文件。 法一：将 ts 编译成 js，然后运行 js 文件 home.ts const { Observable } = require( 'rxjs'); const observable = new Observable(subscriber => { subscriber.next(1); subscriber.next(2); subscriber.next(3);
评论 30
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

阿宇的编程之旅

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

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

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

打赏作者

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

抵扣说明：

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

余额充值