如何简单的使用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以及如何使用
u014527697的博客
07-07 8360
TypeScript TypeScript 是由微软开发的一款开源的编程语言 。TypeScript 是 Javascript 的超级， 遵循最新的 ES6、 Es5 规范。 TypeScript 从语言层面上扩展了JavaScript的语法。TypeScript 更像后端 java这样的面向对象语言可以让 js 开发大型企业项目 。应用：谷歌也在大力支持 Typescript 的推广， 谷歌的 ...
超级简单的Vue使用typescript教程
最新发布
05-02
使用 Vue 与 TypeScript 可以让你享受到两者的优势，下面是一份超级简单的 Vue 使用 TypeScript 的教程： 1. 环境准备 确保你已经安装了 Node.js 和 npm（或 yarn）。然后安装 Vue CLI： npm install -g @vue/cli ...
Typescript的三种运行方式
热门推荐
HaiJing1995的博客
04-29 3万+
Typescript的三种编译运行方式一、在线complier这种方式最简单，不需在本地做任何配置安装，只需进入Typescript的官网，点击里面的playground就可以直接写代码了。但这种方式只适用于测试而不适用于开发。二、本地命令行编译1、在本地编译运行Typescript需要使用npm下载typescript npm install -g typescript 至于n
编写TypeScript并运行TypeScript程序（弄不出来）
DXB2021的博客
03-14 1264
-g”选项表示使用全局模式（nmp安装命令说明：docs.npmjs.com/cli/install）安装TypeScript语言；JSX：用于指定JSX代码的生成方式，又名JavsScript XML，是JavaScript语言的扩展，常用在React应用中。如果没有安装Noje.js，则需要到Node.js官网（nodejs.org/en/）上下载LTS版本的安装包并安装。最后的“typescript”代表是TypeScript语言在npm注册表中的名字。Module：用于指定生成模块代码的格式。
typescript学习笔记一：typescript的介绍、安装和运行(1)
2401_84419493的博客
04-29 350
或者yarn global add typescript //前提是安装了yarn安装完成后，可以输入tsc -v 检查是否安装成功。
TypeScript开启
m0_62962469的博客
11-27 2343
这里在使用ts里的变量的时候，产生一个问题，同一个文件夹下(其实不同文件夹下也会产生这样的问题)的t不同s文件怎么会产生重名问题，是因为在一个没有任何设置的普通项目中，vscode编辑器会把当前打开的 ts 文件当作一个整体的作用域进行验证。这里的w是watch的意思，输入这样的命令之后，会帮助我们监视该ts文件，当该文件内容发生变化之后，会帮助我们在一定的时间间隔之后自动编译ts文件。通过类型声明可以指定ts中变量（参数、形参）的类型。当对变量的声明和赋值时同时进行的，TS编译器会自动判断变量的类型。
TypeScript编译与运行：让你的代码更高效，Bug更少
青轩桃李能几何，流光欺人忽蹉跎
07-29 676
要在浏览器中运行TypeScript代码，您需要将TypeScript代码转换为JavaScript，并在HTML文件中引入生成的JavaScript文件。在生产环境中，建议将TypeScript代码编译为JavaScript，并使用编译后的JavaScript文件进行部署。当您在TypeScript文件中进行更改后，需要重新编译为JavaScript文件，并刷新浏览器以查看更新后的结果。或者，您也可以将编译后的JavaScript文件嵌入到HTML文件中，并在浏览器中运行。
TypeScript的基本使用
weixin_58555796的博客
03-15 1180
TypeScript的基本使用
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的语法，还允许无缝...
2.TypeScript安装和运行
qq_43796489的博客
09-14 525
TypeScript安装和运行
TypeScript怎么用
weixin_42781715的博客
03-20 276
在你的项目中创建一个 .ts 文件，然后编写 TypeScript 代码。TypeScript 代码和 JavaScript 代码非常相似，只是 TypeScript 可以让你使用类型注解等特性来增加代码的可读性和健壮性。TypeScript 是一种基于 JavaScript 的编程语言，它增加了类型检查和其他特性，使得编码更加安全和高效。运行后会在你的项目目录下创建一个 tsconfig.json 文件，这个文件描述了你的 TypeScript 项目的编译选项。
github上的typescript项目，如何运行
huasa2239635117的博客
07-07 995
git clone https://github.com/xxx/projectName //下载项目。yarn --frozen-lockfile // 下载依赖包。sudo n stable // 安装最新stable版本。python3 -m venv .env //创建虚拟环境。. .env/bin/activate //激活。sudo n latest //安装最新版本。cd projectName //进入文件夹。npm run dev // 运行。code . // 打开VS。
TypeScript(总结)
qq_45585640的博客
04-24 591
TypeScript 常用类型 类型注解 **目标：**能够理解什么是ts的类型注解 内容： 示例代码： let age: number = 18 代码中的 : number 就是类型注解 作用：为变量添加类型约束。比如，上述代码中，约定变量 age 的类型为 number 类型 解释：约定了什么类型，就只能给变量赋值该类型的值，否则，就会报错 // 错误演示 // 错误原因：将 string 类型的值赋值给了 number 类型的变量，类型不一致 let age: number = '18'
TypeScript起步
dreamingbaobei的博客
09-26 558
TypeScript 由微软开发的编程语言，是JavaScript的一个超集，是添加了类型系统的 JavaScript可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。 在学习TypeScript之前，请保证先熟悉了JS基础、ES6和NPM的简单实用。 一、全局安装typescript npm install -g typescript 安装完成后就可以使用 tsc命令来执行 TypeScript 的代码 // 查看版本号 tsc -v 通常使用 .ts 作
最详细的从零开始配置 TypeScript 项目
油墨香^-^的博客
09-09 1879
本文是算法与 TypeScript 实现中 TypeScript 项目整体的环境配置过程介绍。主要包括了以下一些配置内容：TypeScriptESLintPrettierJestVuepress如果你对以上的某些配置非常熟悉，则可以跳过阅读。如果你不清楚是否要继续阅读其中的一些配置信息，则可以通过工程问题来决定是否要继续阅读相关的内容。算法与 TypeScript 实现 关于当前配置的改造在 feat/framework 分支上，希望刚兴趣的同学可以 star 一波。
怎么编译运行 typescript
极客神殿
07-27 590
如果未安装 TypeScript，请按照官方文档的说明进行安装。在 VS Code 中打开 TypeScript 项目的根文件夹。tsc 文件名.ts将 “文件名” 替换为您要编译的 TypeScript 文件的实际文件名。编译成功后，将生成与 TypeScript 文件相对应的 JavaScript 文件。将 “文件名” 替换为您要运行的 JavaScript 文件的实际文件名。
简单介绍typeScript
07-23
它允许开发者在使用新特性时享受到静态类型检查的好处。 总的来说，TypeScript是一种强类型的JavaScript超集，通过添加静态类型、类、接口等特性，提供了更强大的工具和功能，使得大型应用程序的开发更加可靠和高效...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值