当前位置： 首页 > news >正文

typescript环境搭建,及tsc命令优化

news 文章来源：https://blog.csdn.net/weixin_44368963/article/details/132887403 2025/1/31 20:00:37

typescript

typescript. 是一种由微软开发的 开源 、跨平台的编程语言。. 它是 JavaScript 的超集，最终会被编译为JavaScript代码。. TypeScript添加了可选的静态类型系统、很多尚未正式发布的ECMAScript新特性（如装饰器 [1] ）。. 2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript。. 截至目前最新版本为TypeScript4.0 。.

typescript语法

所有合法JavaScript语法都是typescript语法,typescript是JavaScript的超集

环境搭建

1.1. TypeScript环境安装
由于TypeScript最终会被编译成JavaScript代码，所以我们必然需要对应的编译环境：

首先，TypeScript的环境安装依赖Node，所以需要先保证电脑上有Node和NPM环境；
其次，可以通过NPM来安装TypeScript，之后就可以通过 tsc 来编译TypeScript的代码；

// 安装命令
npm install typescript -g// 查看版本
tsc --version

在这里插入图片描述

typescript代码第一次运行尝试

声明一个ts字符串变量,并打印

代码示例

let ts: String = 'hello typeScript'
console.log(ts)

首先运行tsc将typescript编译成JavaScript代码,因为代码最终运行在浏览器上，而浏览器是不识别TypeScript代码的，我们需要对他们进行编译：再运行node 将编译好的js代码运行
在这里插入图片描述

我们会发现，生成了一个index.js文件，并且其中的代码就是普通的JavaScript代码。

在这里插入图片描述
这时候我们可以直接使用node运行一下这段js代码,如下输出hello typescript
在这里插入图片描述

tsc命令优化

如上,我们没次写完ts代码后,都需要使用tsc将ts代码转义成js代码后才能运行,这样太麻烦了
简化方式

  1. 使用ts-node包,直接在node.js环境中执行ts代码

安装ts-node包命令

npm install -g ts-node

ts-node包提供了ts-node命令,这个命令会将ts代码转为js代码,然后再执行
示例如下
在这里插入图片描述

相关文章：

typescript环境搭建,及tsc命令优化

typescript typescript. 是一种由微软开发的 开源 、跨平台的编程语言。. 它是 JavaScript 的超集，最终会被编译为JavaScript代码。. TypeScript添加了可选的静态类型系统、很多尚未正式发布的ECMAScript新特性（如装饰器 [1] ）。. 2012年10月…...

编程日记 2023/9/15 12:25:47

suning苏宁API接入说明（苏宁商品详情+关键词搜索商品列表）

API地址:https://o0b.cn/anzexi 调用示例：https://api-gw.onebound.cn/suning/item_get/?keytest_api_key& &num_iid0070134261/703410301&&langzh-CN&secret 参数说明 通用参数说明 version:API版本key:调用key,测试key:test_api_keyapi_na…...

编程日记 2023/9/15 12:24:46

类和对象（3）

文章目录 1.回顾上节2. 拷贝构造3. 运算符重载（非常重要）4. 赋值运算符重载 1.回顾上节 默认成员函数：我们不写，编译器自动生成。我们不写，编译器不会自动生成 默认生成构造和析构： 对于内置类型不做处理对…...

编程日记 2023/9/15 12:20:42

C++下基于粒子群算法解决TSP问题

粒子群优化算法求解TSP旅行商问题C（2020.11.12）_jing_zhong的博客-CSDN博客 混合粒子群算法（PSO）：C实现TSP问题 - 知乎 (zhihu.com) 一、原理 又是一个猜答案的算法，和遗传算法比较像，也是设…...

编程日记 2023/9/15 12:18:40

vue3 ElementUI Switch before-change自动调用问题

使用 :beforeChange 这个属性 但是这个属性不能直接传值 如果直接传值依然会自动调用,需要使用自执行函数来****传值 解决 <el-switchv-model"rows[index].ifInjection":before-change"() > beforeChange(row)"/> :before-change"() > b…...

编程日记 2023/9/15 12:16:38

【chromium】windows 获取源码到本地

从github的chromium 镜像git clone 到2.5G失败了官方说不能，要去 windows_build_instructions vs2017和19都是32位的 vs2022是x64的 vs2022_install You may also have to set variable vs2022_install to your installation path of Visual Studio 2022,...

编程日记 2023/9/15 12:14:37

Nacos-Go-Sdk代码逻辑解析

文章目录 初始化服务&#xff0c;获取nacosClient获取配置源码逻辑 获取json配置发布配置监听配置变化源码逻辑listenConfigExecutor调度longPullinglongPullingcallListener监听表 中 配置 的 结构 监听功能的调用逻辑 初始化服务&#xff0c;获取nacosClient Nacos Client Co…...

编程日记 2023/9/15 12:13:36

检测opencv是否安装成功

winr打开命令提示符窗口: 输入 : python&#xff0c;进入python模块&#xff1b; 然后输入 import cv2出现>>>就代表opencv安装成功了&#xff1b; 同样的&#xff0c;也可以检测numpy等是否安装成功 最后输入 : exit() 退出python模块...

编程日记 2023/9/15 12:12:35

如果你是独立开发者，你是先写前端还是先写后端？

当我们站在独立开发的路口时&#xff0c;一个重要的抉择就摆在了我们面前&#xff1a;是先着手前端开发还是后端开发&#xff1f;这看似简单的问题&#xff0c;却蕴含着许多深刻的考虑和决策。无论你是准备构建一个复杂的分布式系统还是一个引人入胜的用户界面&#xff0c;接下…...

编程日记 2023/9/15 12:09:33

Pytorch intermediate(四) Language Model (RNN-LM)

前一篇中介绍了一种双向的递归神经网络&#xff0c;将数据进行正序输入和倒序输入&#xff0c;兼顾向前的语义以及向后的语义&#xff0c;从而达到更好的分类效果。 之前的两篇使用递归神经网络做的是分类&#xff0c;可以发现做分类时我们不需要使用时序输入过程中产生的输出&…...

编程日记 2023/9/15 12:07:31

C++零碎记录（十）

17. 继承对象内存 17.1 查询继承对象所占内存 #include <iostream> using namespace std; #include<string>//继承中的对象模型class Base { public:int m_A; protected:int m_B; private:int m_C; };//公共继承 class Son:public Base {int m_D; };//利用开发人…...

编程日记 2023/9/15 12:04:29

人类学习 vs. 机器学习

摘要: 机器学习与人类学习的范式有一定的联系. 本文发掘这些联系, 作用是指导人类的学习. 1. 什么是学习? 对于人类而言, 学习是改造大脑皮层的过程. 我们会发现, 不同人学习不同东西的能力也不一样, 如有些人数学厉害, 有些人音乐厉害. 同时, 也有些牛人, 学习到了学习的方…...

编程日记 2023/9/15 12:02:27

【LeetCode-中等题】15. 三数之和

文章目录 题目方法一&#xff1a;哈希表 题目 方法一&#xff1a;哈希表 将四数之和 借助哈希表简化成两数之和 class Solution {public int fourSumCount(int[] nums1, int[] nums2, int[] nums3, int[] nums4) {int res 0; //结果集数量Map<Integer,Integer> map n…...

编程日记 2023/9/15 12:01:26

Apache Tomcat漏洞复现

文章目录 弱口令启动环境漏洞复现 本地文件包含启动环境漏洞复现 弱口令 启动环境 来到vulhub/tomcat/tomcat8/靶场 cd vulhub/tomcat/tomcat8/安装环境并启动&#xff1a; sudo docker-compose up -d && sudo docker-compose up -d修改端口后启动&#xff1a; su…...

编程日记 2023/9/15 11:59:24

C++模版基础

代码地址 gitgithub.com:CHENLitterWhite/CPPWheel.git 专栏介绍 本专栏会持续更新关于STL中的一些概念&#xff0c;会先带大家补充一些基本的概念&#xff0c;再慢慢去阅读STL源码中的需要用到的一些思想&#xff0c;有了一些基础之后&#xff0c;再手写一些STL代码。 (如果你…...

编程日记 2023/9/15 11:54:20

解决 Elasticsearch 分页查询记录超过10000时异常

查询结果中 hits.total.value 值最大为10000的限制 解决方法: 1、请求设置rest_total_hits_as_inttrue 注意参数需要放在请求头上 builder.addHeader("rest_total_hits_as_int","true"); 2、修改setting的值 #设置返回最大记录条数为1000000 PUT /in…...

编程日记 2023/9/15 11:52:19

百度千帆大模型文心一言api调用

注册百度智能云账号并申请文心千帆大模型资格 https://login.bce.baidu.com/ https://cloud.baidu.com/product/wenxinworkshop 创建应用用于获取access_token 创建应用成功后,可以获取到API Key和Secret Key 获取access_token curl https://aip.baidubce.com/oauth/2.0/to…...

编程日记 2023/9/15 11:48:15

关于HTTP协议的概述

HTTP 的报文大概分为三大部分。第一部分是请求行&#xff0c;第二部分是请求的首部&#xff0c;第三部分才是请求的正文实体。 POST 往往是用来创建一个资源的&#xff0c;而 PUT 往往是用来修改一个资源的。 Accept-Charset&#xff0c;表示客户端可以接受的字符集。防止传过…...

编程日记 2023/9/15 11:43:11

ATFX汇市：8月名义与核心CPI走势分化，美国通胀率算升高还是降低？

ATFX汇市&#xff1a;据美国劳工部昨日公布的数据&#xff0c;8月份&#xff0c;美国名义CPI增速最新值3.7%&#xff0c;高于前值3.2%&#xff0c;高于预期值3.6%&#xff0c;显示高通胀问题有抬头迹象。同一时间公布的8月核心CPI年率最新值4.3%&#xff0c;低于前值4.7%&#…...

编程日记 2023/9/15 11:39:08

c++ 中的函数指针

以下图片演示了c中函数指针的用法。如下图可见&#xff0c;把函数地址赋值给函数指针&#xff0c;用函数名或者函数名的地址&#xff0c;都可以&#xff0c;c编译器不报错。即 ptr f 和 ptr &f 都对。但准确的话&#xff0c;函数名就是地址&#xff0c;在编译时候&#x…...

编程日记 2023/9/15 11:38:07

奶牛个体识别 奶牛身份识别

融合YOLOv5s与通道剪枝算法的奶牛轻量化个体识别方法 Light-weight recognition network for dairy cows based on the fusion of YOLOv5s and channel pruning algorithm 论文链接 知网链接 DOI链接 该文章讨论了奶牛花斑、光照条件、不同剪枝方法、不同剪枝率对准确率的影响…...

编程日记 2023/9/15 11:36:06

【力扣每日一题】2023.9.13 检查骑士巡视方案

目录 题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 代码&#xff1a; 题目&#xff1a; 示例&#xff1a; 分析&#xff1a; 题目给我们一个n*n大小的矩阵&#xff0c;矩阵的元素表示骑士已经行动的次数&#xff0c;问我们骑士能不能按照矩阵里元素顺序来巡视整个…...

编程日记 2023/9/15 11:35:04

【Vue】关于CSS样式绑定整理

因突发奇想设计一款组件,需要根据属性动态绑定样式,故而整理一些Vue的动态绑定样式方法(传参绑定类似,不做过多叙述),仅供参考.方式一: 直接在元素上绑定具体样式方式二: 定义属性对象,绑定到style,可以在style中使用定义的变量方式二: 通过引入自定义组件引入style数据,直接绑…...

编程日记 2023/9/15 11:33:02

Sql语句大全--更新

今天抽空整理下项目中的Sql语句 项目中用到的Sql语句大全 Update 语句 Update 语句 Update语句update OLASF1.LLB set CBBTHCC 52 WHERE CBPOLNUMC201728534update OLASF1.LLB set CBBTHCC 01 WHERE CBPOLNUMC201728534update OLASF1.LB set CBBTHCC 01 WHERE CBPOLNUMC…...

编程日记 2023/9/15 11:32:01

Java面试八股文宝典:序言

序言&#xff1a; Java作为一门广泛应用于企业级应用开发的编程语言&#xff0c;一直以来都是技术面试中的重要话题。无论您是刚刚踏入编程世界的新手&#xff0c;还是经验丰富的Java开发工程师&#xff0c;都需要通过面试来展示自己的技能和知识。 在面试中&#xff0c;除了…...

编程日记 2023/9/15 11:31:00

【多线程案例】单例模式

单例模式是设计模式的一种&#xff0c;先谈谈什么是设计模式&#xff1f; 大家应该都知道棋谱、剑谱之类的&#xff0c;就是一些“高手”在经历过长期的累计之后&#xff0c;更具经验写出的具有固定套路的处理“方法”&#xff0c;只要按照这个套路来&#xff0c;在对局之中必然…...

编程日记 2023/9/15 11:26:55

阿里云部署SpringBoot项目启动后被杀进程的问题

阿里云部署SpringBoot项目启动后被杀进程的问题 最近部署在公司虚拟主机上的SpringBoot项目频繁被杀&#xff0c;这个虚拟主机是个杂货铺&#xff0c;部署着各种项目&#xff0c;时间跨度还大&#xff0c;不同的人负责&#xff0c;个人自扫门前雪&#xff0c;不管他人瓦上霜&a…...

编程日记 2023/9/15 11:25:54

git仓库推送错误

错误背景 从github克隆仓库后&#xff0c;想推送到gitee&#xff0c;在推送时遇到 error: src refspec master does not match any. error: failed to push some refs to <REMOTE_URL>解决方法 rm -rf .github git init git add -A git commit -m "init for gite…...

编程日记 2023/9/15 11:24:53

计网第五章（运输层）（三）

一、UDP协议和TCP协议的对比 1、UDP无连接&#xff0c;TCP面向连接 使用UDP协议的通信双方可以随时发送数据&#xff0c;使用TCP协议的通信双方必须先进行3次握手建立连接&#xff0c;才能发送数据&#xff0c;最后还要进行4次挥手才能释放连接。 2、UDP支持单播、多播以及广…...

编程日记 2023/9/15 11:22:51

OpenCV 07(图像滤波器)

一、卷积 什么是图片卷积? 图像卷积就是卷积核在图像上按行滑动遍历像素时不断的相乘求和的过程 步长 步长就是卷积核在图像上移动的步幅. 上面例子中卷积核每次移动一个像素步长的结果, 如果将这个步长修改为2, 结果会如何? 为了充分扫描图片, 步长一般设为1. padding …...

编程日记 2023/9/15 11:21:49

wordpress links/谷歌官方网站注册

Python实现DAG图拓扑排序-归简法 DAG（Directed Acyclic Graph）有向无环图是一种常见的数据结构，它可以用来描述许多问题，比如依赖关系、任务调度等。DAG图中的节点表示任务，边表示任务之间的依赖关系，在进行任务调度时，需要按照拓扑序列一次执行每个任务。本文将介绍如…...

编程日记 2025/1/31 18:33:25

国内wordpress博客/在线外链

一般我们用到的拷贝大部分都是这样的&#xff0c;比如定义一个变量 var a10&#xff0c;然后将a的值赋值给变量b&#xff0c;这个属于值的拷贝。 下面我们聊聊数组和对象的拷贝。大家都知道数组和对象都属于引用类型&#xff0c;所以在将一个数组&#xff08;或对象&#xff0…...

编程日记 2025/1/31 15:29:01

旅游建设网站/百度关键词怎么做

我们在开发时&#xff0c;经常需要重复编写很多和业务无关的代码&#xff0c;比如获取指定日期对象、获取本机 IP 地址、校验身份证号、数据加密等。通常我们会把这些代码独立出来&#xff0c;放到 util 包下&#xff0c;作为 工具类 供其他代码调用。相信每位 Java 开发者都自…...

编程日记 2025/1/31 13:50:34

网站的推广方式包括/百度站长工具如何使用

设某银行有A、B两个业务窗口&#xff0c;且处理业务的速度不一样&#xff0c;其中A窗口处理速度是B窗口的2倍 —— 即当A窗口每处理完2个顾客时&#xff0c;B窗口处理完1个顾客。给定到达银行的顾客序列&#xff0c;请按业务完成的顺序输出顾客序列。假定不考虑顾客先后到达的时…...

编程日记 2025/1/31 13:13:58

线上营销网站设计/广东seo推广哪里好

在网上找了好多例子&#xff0c;但是都没有我想要的。我的要求是&#xff0c;程序可以自动完成证书导入然后与服务器交换数据。 网上的例子是可以工作的&#xff0c;前提是要访问的网站的证书已经导入到本机。但是作为java的访问一个未知的https网站&#xff0c;不可能都手动的…...

编程日记 2025/1/31 12:14:28

网站需要备案才能建设吗/长沙网站优化培训

chmod -R 777 wechatbaoan/ npm run build service nginx reload 第一步&#xff1a; 上传文件 第二步&#xff1a; npm install &#xff08;配置文件&#xff09; 第三步 npm run start 查看端口&#xff1a; netstat -apn | grep 8080 转载于:https://www.cnblogs.com/xiaox…...

编程日记 2025/1/31 6:55:46