Typescript学习--安装，检测，配置

今天药忘吃喽~ 2022-10-24 02:02 256阅读 0赞

1，Typescript是由微软开发的一款开源的编程语言；

2，安装： （选择一种方式安装即可，前提是要有npm, 或者cnpm 或者yarn, 没有的自行百度安装）

npm install -g typescript // npm 方式
    cnpm install -g typescript // cnpm 方式
    yarn global add typescript // yarn 方式

备注: 想使用npm 指令，电脑必须安装nodejs, 想使用cnpm ,使用npm安装cnpm --->

npm install -g cnpm --registry=https://registry.npm.taobao.org

想要使用yarn,  npm install -g yarn  或者  cnpm install -g yarn

3，检测：安装上Typescript后，查看是否安装成功，在黑窗口输入  tsc -v ，如果出现一下提示则安装成功：

![2021012910125944.png][]

4, 在vscode开发工具中自动编译 ts 文件 ，

***4,1 创建tsconfig.json文件， tsc --init  // 生成配置文件；（一定要在文件终端生成配置文件）***

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA_size_16_color_FFFFFF_t_70][]

4.2 点击终端---》 运行任务----》typescript ;  这样就可以监听 ts 文件了，将ts文件时刻生成 js 文件；

![20210129111300722.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA_size_16_color_FFFFFF_t_70 1][]

[2021012910125944.png]: /images/20221024/2f0ba1a4c5134713bd3976229f8e87c9.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA_size_16_color_FFFFFF_t_70]: /images/20221024/8ccb49e1f5584c7a8c306eaa3a5a8d25.png
[20210129111300722.png]: /images/20221024/735bd408fdaf495fadf667e59b4defc0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3lpbmdlMDUwOA_size_16_color_FFFFFF_t_70 1]: /images/20221024/586d6038e7b7457685d759c37759475a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，256人围观）

还没有评论，来说两句吧...

相关阅读

相关 TypeScript 安装

TypeScript ：是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任

傷城~/ 2024年04月01日 18:55/ 0 赞/ 119 阅读

相关 typescript安装

要安装 TypeScript，您可以使用 npm(Node Package Manager)。首先，确保您已安装了 Node.js，然后打开命令行窗口并运行以下命令：

素颜马尾好姑娘i/ 2024年03月25日 13:23/ 0 赞/ 121 阅读

相关 TypeScript 环境配置

阅读目录介绍安装环境编辑器关闭JS的检验编译 TS 常见问题介绍 typescript 是 javascri

╰+哭是因爲堅強的太久メ/ 2023年10月06日 21:52/ 0 赞/ 74 阅读

相关 TypeScript学习

TypeScript 是 JavaScript 的一个超集，扩展了JavaScript 的语法，支持ECMAScript6标准。现有的 JavaScript 代码可与 Ty

た入场券/ 2023年08月17日 15:29/ 0 赞/ 159 阅读

相关学习TypeScript

第一章 TypeScript4简介 -------------------- 1.1、TypeScript4简介 > > TypeScript 是由微软开发

ゝ一纸荒年。/ 2023年01月22日 09:51/ 0 赞/ 44 阅读

相关 typescript学习笔记一：typescript的介绍、安装和运行

一、typescript的介绍 TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准；由微软开发的自由和开源的编程语言；是开发

水深无声/ 2022年12月31日 04:20/ 0 赞/ 220 阅读

相关 Typescript学习--安装，检测，配置

1，Typescript是由微软开发的一款开源的编程语言； 2，安装：（选择一种方式安装即可，前提是要有npm, 或者cnpm 或者yarn, 没有的自行百度安装）

今天药忘吃喽~/ 2022年10月24日 02:02/ 0 赞/ 257 阅读

相关 TypeScript学习

\\ts是一种给js添加特性的语言扩展 ts扩展了js语法，所以现在有的js代码可以与ts一起工作不用做任何修改 ts通过类型注解提供编译时的静态类型检查\\

男娘i/ 2021年11月23日 09:56/ 0 赞/ 468 阅读

相关 Typescript 介绍、Typescript 安装、Typescript 开发工具

目录一、 Typescript 介绍二、 Typescript 安装编译三、 Typescript 开发工具 Vscode 自动四、 Typescript 开

怼烎@/ 2021年09月30日 01:34/ 0 赞/ 604 阅读

相关 TypeScript 学习

环境搭建 $ cnpm install -g typescript 完事，安装tsc的npm包，就是为了使用它自带的功能，将.ts文件编译成.js文件，从而兼容各

分手后的思念是犯贱/ 2021年09月18日 02:34/ 0 赞/ 451 阅读