全局使用ts-node，前端0帧起手运行typescript

已于 2024-08-27 16:14:11 修改
阅读量240 收藏
点赞数 4
分类专栏： 前端疑难杂症 文章标签： 前端 typescript javascript
于 2024-08-25 16:29:51 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51365553/article/details/141530903
版权

在很多场景中，比如验证一个函数，写一段逻辑，我们需要0帧起手直接运行一个ts问候你，而不是去配置一整套环境。只需要安装以下几个库就可以

cnpm i -g ts-node@8.5.4

cnpm i -g typescript

cnpm i -g nodemon

运行ts文件

ts-node xxx.ts

热重载的形式运行ts文件

nodemon xxx.ts

说明：今天配置的时候，发现ts-node一直报错，后来才知道原来是ts-node版本问题，过高没法直接用

目前版本：
ts-node@8.5.4
typescript@5.5.4
nodemon@3.1.4

TypeScript学习
m0_51431448的博客
06-26 643
TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集，最终会被编译为JavaScript代码。2012年10月，微软发布了首个公开版本的TypeScript，2013年6月19日，在经历了一个预览版之后微软正式发布了正式版TypeScript。TypeScript的作者是安德斯·海尔斯伯格，C#的首席架构师。它是开源和跨平台的编程语言。是为大型应用的开发而设计，并且可以编译为JavaScript，是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+
web前端-TypeScript学习
yong_19930826的博客
06-14 6545
TypeScript 是什么？TypeScript(简称：TS)是JavaScript的超集（JS有的TS都有）。TypeScript = Type +JavaScript(在JS基础之上，为JS添加了类型支持TypeScript是微软开发的开源编程语言，可以在任何运行JavaScript的地方运行。TypeScript为什么要为JS添加类型支持？背景： JS的类型系统存在”先天缺陷“，JS代码中绝大部分错误都是类型错误（Uncaught TypeError）。
【TypeScript】入门基础知识
qq_30148319的博客
01-11 979
/ 基本语法 —— 定义类class 类名 {属性名: 类型;constructor(参数: 类型) {this.属性名 = 参数;方法名() {...// 一个简单的 Person 类示例// 定义属性类型static className: string = 'PersonTS' // 类属性// constructor -> 构造函数，在创建对象实例时调用// 实例属性// 实例方法// 在方法中可以通过 this 来表示当前调用方法的对象。
最全的TypeScript学习指南
油墨香^-^的博客
03-07 453
通过。
前端基础必修课--typescript入门
无限进步
07-13 697
前端必修课之ts
Typescript的三种运行方式(小结)
10-16
本文将详细探讨 TypeScript 的三种运行方式，帮助开发者更好地理解和使用 TypeScript。 一、在线编译器 在线编译器是初学者尝试 TypeScript 的便捷途径。通过访问 TypeScript 官方网站上的 Playground，用户可以在...
快速搭建一个 TypeScript + Node 服务端开发环境
iamxuqianqian的博客
05-13 1511
在 ts + react 系列 中，数据都是本地的 mock，那么如何搭建一个真实的 API server 呢？ 按照惯例，先搭建一个基于 ts + express 的服务端开发环境： 初始化 express-generator express-generator：快速创建 Express 应用程序框架。 可以使用 npx 命令（在 Node.js 8.2.0 中可用）运行应用程序生成器。 $ npx express-generator ts-express 对于早期的 Node 版本，可将应用程序生
Vue+Typescript项目起手式
weiwei_xue的博客
09-16 514
什么是typescript？ Typescript 是 Javascript 的强类型版本。然后在编译期间去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。 TypeScript 是 JavaScript 的超集，这意味着它支持所有的 JavaScript 语法。并在此之上对 JavaScript 添加了一些扩展，如 class / interface / module
【TypeScript】必学基础
jiangshen_a的博客
11-03 623
TypeScript是JS类型的超集，它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的
React Hook + TypeScript + styled-component 建站
尐轩web前端网络日志
06-08 1146
技术选型 Vue 与 React 的对比 组件化 Vue 的组件化是将 UI 结构（template）、UI 样式（style）、数据与业务逻辑（script）都放在一个 .vue 的文件中，运行前 .vue 文件会被编译成真正的组件； React 的组件化是直接通过 JS 代码的形式实现组件 模板引擎 Vue的视图模板使用类 HTML 的写法加上属性与指令，多数情况下要比 React 的 JSX 写法清晰且开发效率高，但是在复杂场景下，Vue 的写法有时会比 React 写起来更麻烦 数据监听 Vue
typeScript学习指南
qq_44599159的博客
08-05 1820
typescript学习/指南
蓝凌OA-EKP hrStaffWebService 任意文件读取漏洞
iSee857的博客
11-12 519
它集成了流程管理、知识管理、会议管理、公文管理、合同管理、费用管控等多个模块，旨在帮助企业解决基础OA应用、系统集成、开发平台和创新业务定制等长期扩展需求，推动企业实现管理在线化、知识赋能化、运营数字化和人机智能化‌。漏洞，未经身份验证攻击者可通过该漏洞读取系统重要文件（如数据库配置文件、系统配置文件）、数据库配置文件等等，导致网站处于极度不安全状态。在处理客户端输入的参数时，进行严格的验证和过滤，防止未授权的文件访问。返回数据经过base64编码 解码后可得读取数据。
Vue中的常用指令
m0_62388400的博客
11-12 1172
指令（Directives）是 Vue 提供的带有的 特殊 标签。为啥要学：提高程序员操作 DOM 的效率。vue 中的指令按照不同的用途可以分为如下 6 大类：内容渲染指令（v-html、v-text）条件渲染指令（v-show、v-if、v-else、v-else-if）事件绑定指令（v-on）属性绑定指令 （v-bind）双向绑定指令（v-model）列表渲染指令（v-for）指令是 vue 开发中最基础、最常用、最简单的知识点。
【前端基础】Javascript取整函数以及向零取整方式
警警的博客
11-11 733
在JavaScript中，有多种方式可以对数字进行取整操作，即去掉小数部分，只保留整数部分。在JavaScript中，有多种方法可以对数字进行取整操作。这些方法各有特点，适用于不同的场景。方法会去掉一个数字的小数部分，返回其整数部分，但不进行四舍五入。在处理数字时，会将操作数转换为32位整数，从而截断小数部分。每种方法都有其适用的场景和限制，选择时需根据具体需求进行权衡。也是一种按位取整的方式，效果与。类似，会截断小数部分。
网页作业9
最新发布
小派蒙的博客
11-15 423
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>服务中心</title> <style> * { mar
前端文件优化
weixin_62668406的博客
11-15 546
对于一张100*100像素的图片来说，图像上有 10000 个像素点，如果每个像素的值是 RGBA 存储的话，那么也就是说每个像素有 4 个通道，每个通道 1 个字节（8 位 = 1个字 节），所以该图⽚⼤⼩⼤概为 39KB（10000 * 1 * 4 / 1024）。但是在实际项⽬中，⼀张图⽚可能并不需要使⽤那么多颜⾊去显示，我们可以通过减少每个 像素的调⾊板来相应缩⼩图⽚的⼤⼩。
springboot整合websocket实现复制目录进度推送
前人栽树，后人乘凉。
11-14 308
/ 替换为你的WebSocket地址。启动Spring Boot应用程序，然后访问前端页面并触发文件复制操作。例如，通过浏览器访问。你应该能够在前端看到实时的复制进度。创建一个控制器来触发复制操作。
ArkUI---常用组件---切换按钮 (Toggle)
m0_73992525的博客
11-15 406
ArkUI中的常用组件Toggle的三种形态：Button、Checkbox、Switch
【Java Web】Ajax 介绍及 jQuery 实现
m0_66584716的博客
11-15 505
AJAX（Asynchronous JavaScript and XML）是一种创建高效、动态网页应用的网页开发技术。它允许在不重新加载整个页面的情况下进行异步数据更新和交互，从而提供更流畅的用户体验。尽管名字中包含了XML，但实际上，AJAX可以使用任何格式的数据，包括JSON、HTML等。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

tx8087

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值