【01】基础知识:typescript安装及使用,开发工具vscode配置

这篇具有很好参考价值的文章主要介绍了【01】基础知识:typescript安装及使用,开发工具vscode配置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、typescript 了解

typeScript 是由微软开发的一款开源的编程语言。

typeScript 是 javascript 的超级,遵循最新的 es6、es5规范。

typeScript 扩展了 javaScript 的语法。

typeScript 更像后端 java、C# 这样的面向对象语言,可以让 js 开发大型企业项目。

二、 通过 npm 安装 typescript

全局安装:$ npm install -g typescript

查看 typescript 版本:$ tsc -v

编译 ts文件为 js:$ tsc test.ts

生成 tsconfig.json 配置文件:$ tsc --init

三、typescript 开发工具 vscode 自动编译 .ts 文件

1、项目根目录生成 tsconfig.json 文件

ctrl+` 打开终端,输入指令 tsc --init 生成配置文件

【01】基础知识:typescript安装及使用,开发工具vscode配置,TypeScript,typescript,vscode,javascript

vscode 中执行 tsc --init 报错解决方案

报错信息:

tsc : 无法加载文件
C:\Users\ASUS\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅
https:/go.microsoft.com/fwlink/?LinkID=135170 中的
about_Execution_Policies。 所在位置 行:1 字符: 1

1> 关闭vscode

2> 桌面右键以管理员身份运行vscode

3> 输入以下命令

set-ExecutionPolicy RemoteSigned

最后输入是(Y)或者全是(A)即可

4> 输入 get-ExecutionPolicy,可看到脚本的执行策略已被更改为 RemoteSigned

2、修改 tsconfig.json 文件 编译的 js 文件输出路径

编译后的 js 文件,会输出到项目根目录下的 /js 目录下

【01】基础知识:typescript安装及使用,开发工具vscode配置,TypeScript,typescript,vscode,javascript

3、开启 tsc 监视任务 , 自动生成 js 代码

点击菜单 > 运行任务 > typescript > 点击 tsc:监视-tsconfig.json

【01】基础知识:typescript安装及使用,开发工具vscode配置,TypeScript,typescript,vscode,javascript
【01】基础知识:typescript安装及使用,开发工具vscode配置,TypeScript,typescript,vscode,javascript
【01】基础知识:typescript安装及使用,开发工具vscode配置,TypeScript,typescript,vscode,javascript文章来源地址https://www.toymoban.com/news/detail-642645.html

到了这里,关于【01】基础知识:typescript安装及使用,开发工具vscode配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【03】基础知识:typescript中的函数

    函数声明法 函数表达式/匿名函数 1、typescript 中定义函数传参 函数声明 函数表达式/匿名函数 2、可选参数 在 es5 中,方法的形参和实参个数可以不一样;但是在 ts 中必须一样,如果不一样就需要配置可选参数。 ts 中 通过【 形参?: 数据类型 】形式定义可选参数,代表该参数

    2024年02月13日
    浏览(38)
  • TypeScript基础知识:类型守卫和类型推断

            在 TypeScript 中,类型守卫和类型推断是两个重要的概念,它们可以帮助我们更好地理解和利用类型系统的优势。本文将详细介绍这两个概念,并提供示例代码来说明它们的用法和优势。         类型守卫是一种在 TypeScript 中用于缩小变量类型范围的技术。当我

    2024年02月02日
    浏览(50)
  • 区块链基础知识01

    区块链:区块链技术是一种高级数据库机制,允许在企业网络中透明地共享信息。区块链数据库将数据存储在区块中,而数据库则一起链接到一个链条中。数据在时间上是一致的,在没有网络共识的情况下,不能删除或修改链条。 即:首尾相连的数据结构,区块头中存放着前

    2024年03月15日
    浏览(43)
  • 01通信基础知识

    码元(符号) 也可以叫符号(symbol)。通过不同的调制方式(诸如FSK、QAM等等),可以在一个码元符号上负载多个bit位信息。举个例子,4QAM(即QPSK)调制的全部四种码元符号,一种符号可以带两个bit的信息。 波特率 波特率(也称信息传送速率、码元速率、符号速率、或传

    2024年02月06日
    浏览(39)
  • 云计算基础知识01

    答: 话说英特尔创始人戈登·摩尔曾说过:“ 集成电路上可容纳的晶体管数目,约每隔两年便会增加一倍 ”。 换言之,就是:处理器的性能每隔两年翻一倍。如此快速的发展,导致硬件的成本越来越低,单个企业也就买得起大量的服务器。 对于很多大型企业来说,在业务高

    2024年04月28日
    浏览(36)
  • Kafka 基础知识-01

    目录 一、Kafka概述 1、简介 2、消息队列 (1)消息队列应用场景 (2)消息队列的两种模式 ​3、Kafka的基础架构 二、Kafka的安装与常见命令 1、Kafka的安装 2、Kafka的命令行操作 (1)kafka-topics.sh (2)kafka-console-producer.sh和kafka-console-consumer.sh ​三、Kafka的生产者 1、发送原理 2、

    2024年01月25日
    浏览(42)
  • 安全 --- 内网基础知识(01)

    (1)概念 内网也称局域网(Local Area Network,LAN)是指在某一工作区域内由多台计算机互联形成的计算机组,一般是方圆几千米内。局域网可实现文件管理、应用软件共享、打印机共享、工作内的历程安排、电子邮件和传真通信服务等功能。 内网为封闭性网络,一定程度上能

    2024年02月10日
    浏览(49)
  • Web安全-渗透测试-基础知识01

    定义: 域名(英语:Domain Name),又称网域,是由一串用点分隔的名字组成的互联网上某一台计算机或计算机组的名称,用于在数据传输时对计算机的定位标识. 因为ip地址不方便记忆.而且不能显示地址组织的名称和性质,所以用域名也可以定位到响应的up,可简单理解为是ip地址

    2024年02月07日
    浏览(64)
  • 【01】基础知识:React简介与案例

    React 概述 React 是一个将数据渲染为 HTML 视图 的开源 JavaScript 库 React 由 FaceBook 开发,且开源 为什么要学习 React 1、原生 JavaScript 操作 DOM 繁琐、效率低(使用 DOM-API 操作 UI) 2、使用 JavaScript 直接操作 DOM,浏览器会进行大量的重绘重排 3、原生 JavaScript 没有组件化编码方案,

    2024年02月07日
    浏览(58)
  • USB的基本概念和基础知识 01

    本文主要介绍USB的基本概念和基础知识 USB USB 中文网 有很多资料, 很实用哦. USB 是通用串行总线 (Universal Serial Bus) 的缩写. 版本 理论最高速度 USB 1.0 Low Speed 1.5Mb/s 或 0.1875MB/s USB 1.0 Full Speed 12Mb/s 或 1.5MB/s USB 1.1 (即 USB 1.0 Full Speed) 12Mb/s 或 1.5MB/s USB 2.0 Full Speed(即USB 1.1) 12Mb/s 或

    2024年02月11日
    浏览(43)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包