超详细的typeScript笔记(一)安装配置

最新推荐文章于 2024-04-10 18:02:35 发布
最新推荐文章于 2024-04-10 18:02:35 发布
阅读量268 收藏 1
点赞数
分类专栏： ts 文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/layxing27/article/details/109607645
版权

文章目录

1 安装

cnpm i typescript -g
  • 查看版本
tsc -v

2 配置

  • 基于vscode使用
  • 1 创建.ts文件
  • 2 生成配置文件tsc --init ----- tsconfig.json
  • 3 自动编译配置
    • 1 修改配置文件在这里插入图片描述
    • 2 运行指令
    • 终端-----运行生成文件
      在这里插入图片描述

3 运行第一个文件

  • 自动生成js文件
  • 浏览器不能编译ts文件 ts能使用ES6以上语法 编译时将ts转换成低级语法
    在这里插入图片描述
laker Zhang
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
interprete-python:编译器设计项目
05-20
解释器-python 编译器设计项目
TypeScript系列教程二《安装起步》
星宇大前端
07-13 923
安装TypeScript npm用户： > npm install -g typescript yarn：用户 yarn global add typescript 然后终端运行tsc -v查看是否已经安装成功   编译ts文件 tsc 的作用是将ts文件按照编译配置编译成目标js运行到浏览器。 tsc 命令直接编译 1、新建index.ts文件 2、直接输入tsc命令编译 在当前目录位置，输入tsc 文件名.ts命令 ts文件会编译生成一个js文件，观察一下会转成es5模式 ts
tsc --init 报错
最新发布
山重水复疑无路，柳暗花明又一村。
04-10 263
运行 tsc --init 报错， 全局安装 ts 也不行。通过 npx tsc --init 就可以解决。
tsc init初始化tsconfig.json报错
Echo_yee的博客
03-07 2754
在vue环境中初始化tsconfig.json文件，执行tsc init报错。 通过提示可知tsc指令运行ts文件，tsc xx.ts会将ts文件生成一份js文件。 电脑将指令tsc init中init识别成运行文件的名称才报错。 处理如下： 将指令修改为tsc --init，即可创建tsconfig.json文件。 ...
安装完typescript执行tsc --init报错
maggie
02-29 5064
安装完，tsc -v 后，出现的可能问题，如下： tsc : 无法加载文件 C:\Users\86533\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135 170 中的 about_Execution_Policies。 + tsc --init + ~~...
TypeScript入门实战笔记 -- 01 如何快速搭建 TypeScript 学习开发环境？
King Saj
12-11 309
特别需要注意的是，VS Code 默认使用自身内置的 TypeScript 语言服务版本，而在应用构建过程中，构建工具使用的却是应用路径下 node_modules/typescript 里的 TypeScript 版本。基于它，我们无须在本地安装环境，只需要一个浏览器即可随时学习和编写 TypeScript，同时还可以方便地选择 TypeScript 版本、配置 tsconfig，并对 TypeScript 实时静态类型检测、转译输出 JavaScript 和在线执行。
java笔记整理(超详细) java笔记整理(超详细)
07-14
Java集合可以分为Collection和Map两种体系: Collection接口: ​ List:元素有序,可重复的集合 ​ ArrayList: 底层数组实现,有利于随机访问get ​ LinkedList:底层是链表,有利于频繁的插入、删除操作(ArrayList删除和...
DB2安装配置学习笔记.doc
02-21
DB2安装配置学习笔记
java笔记整理(超详细)
07-14
Java集合可以分为Collection和Map两种体系: Collection接口: ​ List:元素有序,可重复的集合 ​ ArrayList: 底层数组实现,有利于随机访问get ​ LinkedList:底层是链表,有利于频繁的插入、删除操作(ArrayList删除和...
Nginx安装及配置笔记
10-12
Nginx安装及配置笔记，步骤过程非常详细
狂神docker笔记（超详细）.rar
06-14
狂神docker教学视频笔记，截图标注很全（本人增加了很多额外的标注），帮助更好理解，敲了很久，实在不易。上传来帮助大家学习，一方面攒点积分！
TypeScript自学课(4)-TSC-TypeScript编译器
郊眠寺
06-16 693
如果你经常使用VSCode，你可能会偶尔把鼠标放在变量上，此时VSCode会在变量上面给出一个提示框。效果如下图的红色框，提示 ,userName是string类型的。其实这就是TS的类型推断。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Guchds9t-1655351564182)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7aafe430d79e41f7be69ed6d437ec60e~tplv-k3u1fbpf
02.TypeScript 语法进阶
John是橘红的博客
05-24 452
TypeScript 语法进阶 1. TypeScript 中的配置文件 1.1 初始化 TS 项目和配置项 初始化 tsc --init 执行后会在当前目录生成 TS 配置文件 tsconfig.json。 指定文件夹/文件编译 只有直接使用 tsc 编译，不指明编译的文件，才会根据配置文件的配置项来进行编译。 如果 tsc 指定要编译的文件，如 tsc xxx.ts，就不会去看配置项直接编译。 注意下，ts-node 是会看配置项进行编译的。 如果要指定编译的文件，又要用配置文件的配置项，在配置文
搭建 TypeScript 环境 & TSC 命令的使用 & 配置 tsconfig 文件
热门推荐
青蛙king的博客
04-17 2万+
目录前言一、TSC 命令的使用二、tsconfig 配置文件的属性1、tsconfig 配置文件的顶层属性（1）、compilerOptions（2）、file（3）、 include 和 exclude（4）、compileOnSave（5）、extends（6）、typeAcquisition（7）、watchOptions（8）、reference2、tsconfig 具体配置与解析汇总3、重点属性的配置详解（1）、strict 模式详解（2）、模块解析baseUrl（3）、路径映射（path）（4）
TypeScript入门
richest_qi的博客
07-02 635
新建项目 新建目录 mkdir test cd test npm init -y 安装下载typescript npm install --save typescript@next 安装了typescript@4.4.0-dev.20210627 创建main.ts interface Point2D{ x:number, y:number } interface Point3D{ x:number, y:number, z:number } var
python小项目：实现C语言在线编译器
如是牛
08-07 3830
利用python实现C语言在线编译器
如何使用Python开发自己的编译器
SunnyZhou-1024的博客
10-15 4572
1. 前言 总所周知，编译器是一个将一种语言（源语言）翻译成另一种语言（目标语言）的程序，如果我们只想使用它，我们只需要将它看作一个黑盒子即可不必关心它的实现，如图1所示。 但是如果你想发明一种新的语言，你就需要了解它的内部构造了，因为要发明一门新语言，其实你需要做的就是编写一个新的编译器。实际上，编译器将源程序翻译成目标程序的过程可以分为词法分析、语法分析、语义分析以及目标代码生成等多个阶段，如图2所示。通常，我们称词法分析、语法分析、语义分析以及中间代码生成这几个阶段为前端，而代码优化以及目标代码生成
基于Python实现的一个类C语言的编译器
毕业作品网站
07-27 1315
目 录 1.课程设计重述 3 1.1.目的 3 1.2.要求 4 2.需求分析 4 2.1.任务输入及其范围 4 2.2.输出形式 5 2.2.1.输出中间代码表示的程序 5 2.2.2.输出目标代码(可汇编执行)的程序 5 2.3.程序功能 6 2.4.测试数据 6 2.4.1.变量重定义 6 2.4.2.使用未声明的变量 6 2.4.3.使用未定义的函数 7 2.4.4.变量赋值时类型错误 7 2.4.5.函数形参和实参不匹配 7 2.4.6.寄存器是否正常选用 7 3.概要设计 8 3.1.任务的分解
typescript笔记pdf
08-02
TypeScript是一种由微软开发的开源编程语言，它是JavaScript的超集，意味着它可以使用JavaScript的所有语法和功能，同时还提供了一些额外的功能和类型系统。TypeScript主要用于编写大型应用程序，并且在开发过程中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值