TypeScript学习(一):开发环境搭建

官方文档搭建参考
https://learn.microsoft.com/zh-cn/training/modules/typescript-get-started/

1.下载node.js
https://nodejs.org/en/download

2.下载vscode  
https://code.visualstudio.com/

3.在线ts的测试工具
https://www.typescriptlang.org/play/

4.下载typescript
C:\Users\figo>npm install -g typescript

added 1 package in 9s
tsc作用是将ts转换成js,查看版本号
C:\Users\figo>tsc
Version 5.4.5
tsc: The TypeScript Compiler - Version 5.4.5

5.tsc : 无法加载文件 E:\Huawei\nodejs\tsc.ps1,因为在此系统上禁止运行脚本。
  使用Win+X快捷键以管理员身份打开Powershell,
执行:set-ExecutionPolicy RemoteSigned,
再此在Vscode命令行使用get-ExecutionPolicy 命令,结果:RemoteSigned此时表示允许状态。

6.vscode编译单个ts或者所有的
新建一个ts文件test.ts,输入
console.log(“hello,world!”);
在终端命令提示符下,输入 tsc test.ts
直接输入tsc将编译所有ts文件
PS E:\VSCodeProjects\TSProjectTest> tsc

7.执行编译后的js
PS E:\VSCodeProjects\TSProjectTest> node ./build/test.js

8.安装code runner插件,如果禁用,改成启用,即可右键run code运行ts文件了

9.设置自动编译ts
Terminal-->Run Task-->TypeScript-->tsc:watch-tsconfig.json

10.无法将“ts-node”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。
查看ts-node是否存在
C:\Users\figo>npm list ts-node -g
E:\Huawei\nodejs
`-- (empty)
为空,npm i -g ts-node安装一下即可
C:\Users\figo>npm i -g ts-node
added 20 packages in 8s
C:\Users\figo>npm list ts-node -g
E:\Huawei\nodejs
`-- ts-node@10.9.2

11.运行在终端设置

File->Preferences->Settings->Workspace->Run code configuration

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/22696.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

H5即时通讯群聊源码无限建群创群/H5聊天系统聊天网站源码/H5语音聊天系统

源码介绍 支持自助建群 管理群 修改群资料支持自动登录 登陆成功可自助修改资料后台可查看群组聊天消息记录支持表情 动态表情 图片发布支持消息语音提醒

docker-compose教程

1. docker-compose是什么? 1. 1 简介 compose、machine 和 swarm 是docker 原生提供的三大编排工具。 简称docker三剑客。Compose 项目是 Docker 官方的开源项目,定义和运行多个 Docker 容器的应用(Defining and running multi-container Do…

月入30000的软件测试人员,简历是什么样子的?

我们都知道,简历是一个人进入职场的敲门砖。从某种层面来说,简历也像一个人的具象身份证,或者专业资格证。所以,一份简历的好坏,不仅关乎个人的“脸面”,更关乎你是不是一个有“含金量”的技术人员。 所以…

SVG画双色虚线并带有流动效果

实现效果 HTML代码 <svg xmlns"http://www.w3.org/2000/svg" viewBox"0 0 100 100" version"1.1"><polyline points"10,20 10,40 80,40 80,60" stroke-width"2" stroke-dasharray"10 10" fill"non…

C语言数据结构排序、插入排序、希尔排序(多组并排、一组排完排另一组)、选择排序、堆排序、冒泡排序等的介绍

文章目录 前言打印数组函数一、插入排序二、希尔排序三、选择排序四、堆排序五、冒泡排序总结 前言 C语言数据结构排序、插入排序、希尔排序&#xff08;多组并排、一组排完排另一组&#xff09;、选择排序、堆排序、冒泡排序等的介绍 打印数组函数 打印数组函数定义 // 打印…

如何以定投策略投资场外个股期权?

场外个股期权为投资者提供了一种灵活且富有潜力的投资工具。与传统的投资方式不同&#xff0c;场外个股期权以其低门槛、高灵活性和潜在的较高回报吸引了众多投资者。对于希望长期稳健增值的投资者来说&#xff0c;利用定投策略来投资场外个股期权是一个值得考虑的选项。 文章…

[JS]学习笔记2 -- JAVAScript数据类型

一、常量 概念&#xff1a;使用 const 声明的变量称为“常量”。 使用场景&#xff1a;当某个变量永远不会改变的时候&#xff0c;就可以使用 const 来声明&#xff0c;而不是let。 命名规范&#xff1a;和变量一致 注&#xff1a;常量不允许重新赋值&#xff0c;在声明的时…

k8s 中正确删除一个 pod

pod 删除后会自动重启个新 pod 怎么办&#xff1f; 这个问题通常是由于各种控制器导致的&#xff1a; Deployment: 如果Pod是由Deployment管理的&#xff0c;那么Deployment的目的就是保持所需数量的Pod运行。检查Deployment的配置&#xff0c;并根据需要更新或删除Deploymen…

消息队列的选型

消息队列的选型 现时代中可供我们选择的消息队列组件不少也不多&#xff0c;在国内环境中&#xff0c;大多数企业需要考虑的组件往往只需要在RabbitMQ 、RocketMQ、Kafka中选择&#xff1b; 为此针对以上三者在何种系统何种业务下是最佳选型&#xff0c;此篇记录&#xff1b;…

fork()和execl()结合使用的用法

fork()和execl()通常结合使用是为了在子进程中执行新的程序&#xff0c;而不会影响父进程。在上述代码中&#xff0c;fork()创建了一个子进程&#xff0c;execl()则在子进程中替换当前进程的执行上下文&#xff0c;用/bin/remount程序替代。这种组合有以下几个原因&#xff1a;…

什么样的男士内裤比较好?按这个方法选男士内裤不会出错!

男士内裤作为日常穿着的重要服饰&#xff0c;其舒适度与卫生性对男士们的健康至关重要。随着时代的变迁&#xff0c;男士内裤的款式与材质也日益丰富多样&#xff0c;为男士们提供了更多选择。 目前市场上&#xff0c;男士内裤主要分为三角、平角和四角三大类别。其中&#xf…

GPT-4o横空出世:技术革命的新篇章

各个版本之间的对比分析 GPT-3.5 GPT-3.5是OpenAI在GPT-3的基础上推出的改进版本。其特点包括&#xff1a; 参数规模&#xff1a;GPT-3.5维持了GPT-3的参数规模&#xff0c;但在模型优化和训练数据量上进行了改进。自然语言处理&#xff1a;在自然语言理解和生成上有了进一步的…

结构体+结构体内存对齐+结构体实现位段

结构体内存对齐实现位段 一.结构体1.结构体的声明2.结构体变量成员访问操作符3.结构体传参4.匿名结构体5.结构的自引用 二.结构体内存对齐1.对齐规则2.为什么存在内存对齐&#xff1f;3.修改默认对齐数 三.结构体实现位段1.什么是位段2.位段的内存分配3.位段的跨平台问题4.位段…

帮助客服高效工作的快捷回复软件

在繁忙的客服工作中&#xff0c;对于客服团队来说&#xff0c;每天面对大量的客户咨询&#xff0c;如何快速、准确地回应每一位客户的需求&#xff0c;成为了他们日常工作中的一大挑战。而快捷回复软件的出现&#xff0c;无疑是客服人员的福音。今天&#xff0c;我要向大家介绍…

MySQL 关键特性一:插入缓冲、双写缓冲

前言 ​ 本文主要介绍 mysql 的几大特性之几&#xff0c;如&#xff1a;双写缓冲和插入缓存。 双写缓冲 基本概念 ​ 双写缓冲&#xff08;doublewrite buffer&#xff09;是MySQL/InnoDB中用于支持原子页面更新的一种机制。在传统的数据库系统中&#xff0c;为了保证数据的…

Android Dialog使用汇总

Dialog分类 AlertDialog Dialog 类是对话框的基类&#xff0c;官方建议我们不要直接实例化它&#xff0c;而是使用其子类来获取实例。AlertDialog是系统提供的一个直接子类&#xff0c;它能帮助我们快速构建出不同类型的弹窗。接下来就看下各种类型弹窗的使用。 1、普通对话框…

【区分vue2和vue3下的element UI Switch 开关组件,分别详细介绍属性,事件,方法如何使用,并举例】

在 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中&#xff0c;el-switch&#xff08;开关组件&#xff09;提供了类似的属性和事件&#xff0c;但可能存在一些细微的差别或新增的功能。下面我将分别介绍 Vue 2 的 Element UI 和 Vue 3 的 Element Plus 中的 el-switch 组件…

wpf工程中加入Hardcodet.NotifyIcon.Wpf生成托盘

1、在项目中用nuget引入Hardcodet.NotifyIcon.Wpf。如下图所示。 2、在App.xaml中创建托盘界面&#xff0c;代码是写在 App.xaml 里面 注意在application中一定要加入这一行代码&#xff1a; xmlns:tb"http://www.hardcodet.net/taskbar" 然后在<Application.R…

系统架构设计师【第20章】: 系统架构设计师论文写作要点 (核心总结)

文章目录 20.1 写作注意事项20.1.1 做好准备工作20.1.2 论文写作格式 20.2 如何解答试题20.2.1 论文解答步骤20.2.2 论文解答实例 20.3 论文写作方法20.3.1 如何写好摘要20.3.2 如何写好正文1.写作技巧2.可能涉及的关键技术 20.3.3 摘要和正文的关系 20.4 常见问题及…

C#启动一个cmd.exe多次随时输入命令并获取输出

想要实现的效果,程序通过Process类一次启动cmd,后台线程每隔一定时间,向其输入命令,获得并处理输出。 一、基本操作 首先,通常操作的例子一抓一大把: 1、通过Process启动cmd执行一条/多条(&&连接)命令; 2、退出(一条时可以在命令开头加“/c”自动退出,或…