[ Javascript ] WebStorm Create Node+TypeScript Project

devtools/2025/2/4 19:53:57/

文章目录

          • Install Npm and Node
          • Create an Empty Project
          • Create TS Config
          • Init Npm Environment
          • Install Common Modules
          • Create JS File
          • Run JS File
          • Create TS File
          • Compile TS Into JS
          • Run TS File Through Command Line
          • Run TS File Through WebStorm
          • Include TS File Into JS File

Install Npm and Node
sudo apt install npm
Create an Empty Project
Create TS Config

tsconfig.json

{"compilerOptions": {"target": "es2016","module": "commonjs","sourceRoot": "src","outDir": "build","strict": true,"sourceMap": true,"skipLibCheck": true},"exclude": ["node_modules"],"include": ["src/**/*"]
}
Init Npm Environment

package.json file will be generated

npm init
Install Common Modules

node_modules and package-lock.json will be generated

npm install eslint --save-dev
npm install typescript --save-dev
npm install tsx --save-dev
npm install @types/node
Create JS File

src/main.js

javascript">console.log("hello from main.js")
Run JS File
node src/main.js
Create TS File

src/index.ts

typescript">console.log("hello from index.ts")
Compile TS Into JS

compile full project

npx tsc

compile single file

npx tsc src/index.ts
Run TS File Through Command Line
npx tsx src/iterator.ts
Run TS File Through WebStorm
right click ts file -> Run "index.ts"
Include TS File Into JS File
javascript">

http://www.ppmy.cn/devtools/156078.html

相关文章

STM32 TIM编码器接口测速

编码器接口简介: Encoder Interface 编码器接口 编码器接口可接收增量(正交)编码器的信号,根据编码器旋转产生的正交信号脉冲,自动控制CNT自增或自减,从而指示编码器的位置、旋转方向和旋转速度 每个高级定…

4 Spark Streaming

4 Spark Streaming 一级目录1. 整体流程2. 数据抽象3. DStream 相关操作4. Spark Streaming 完成实时需求1) WordCount2) updateStateByKey3) reduceByKeyAndWindow 一级目录 Spark Streaming 是一个基于 Spark Core 之上的实时计算框架,可以从很多数据源消费数据并…

PyQt4学习笔记0】QtGui.QApplication

目录 1. 主要功能 2. 创建实例 3. 主要方法和属性 a. 设置应用程序属性 b. 样式表 c. 窗口管理 d. 事件循环 e. 其他 f. 设置全局鼠标光标样式 4. 退出应用程序 5. 示例代码 6. 注意事项 在 PyQt4 中,QtGui.QApplication 是一个非常重要的类,它代表了整个…

深入理解 `box-sizing: border-box;`:CSS 布局的利器

深入理解 box-sizing: border-box;:CSS 布局的利器 默认行为示例代码 使用 box-sizing: border-box;示例代码 全局应用 box-sizing: border-box;示例代码 实际应用场景1. 表单布局2. 网格布局 总结 在 CSS 中,box-sizing 属性决定了元素的总宽度和高度是…

FFmpeg源码:av_base64_decode函数分析

一、引言 Base64(基底64)是一种基于64个可打印字符来表示二进制数据的表示方法。由于log2 646,所以每6个比特为一个单元,对应某个可打印字符。3个字节相当于24个比特,对应于4个Base64单元,即3个字节可由4个…

集合通讯概览

集合通信概览 (1)通信的算法 是根据通讯的链路组成的 (2)因为通信链路 跟硬件强相关,所以每个CCL的库都不一样 芯片与芯片、不同U之间是怎么通信的 多卡训练:多维并行(xxx并行在上一期已经讲述…

LabVIEW透镜多参数自动检测系统

在现代制造业中,提升产品质量检测的自动化水平是提高生产效率和准确性的关键。本文介绍了一个基于LabVIEW的透镜多参数自动检测系统,该系统能够在单一工位上完成透镜的多项质量参数检测,并实现透镜的自动搬运与分选,极大地提升了检…

AJAX综合案例——图书管理

黑马程序员视频地址: AJAX-Day02-10.案例_图书管理AJAX-Day02-10.案例_图书管理_总结_V1.0是黑马程序员前端AJAX入门到实战全套教程,包含学前端框架必会的(ajaxnode.jswebpackgit),一套全覆盖的第25集视频&#xff0c…