[ Javascript ] WebStorm Create Node+TypeScript Project

news/2025/2/5 12:09:46/

文章目录

          • 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/news/1569501.html

相关文章

独立开发浏览器插件:案例与启示

浏览器插件(Browser Extension)作为提升用户浏览体验的重要工具,近年来吸引了许多独立开发者的关注。从广告拦截到生产力工具,再到个性化定制功能,浏览器插件的开发为个人开发者提供了一个低成本、高潜力的创业机会。本…

DeepSeek Janus-Pro:多模态AI模型的突破与创新

近年来,人工智能领域取得了显著的进展,尤其是在多模态模型(Multimodal Models)方面。多模态模型能够同时处理和理解文本、图像等多种类型的数据,极大地扩展了AI的应用场景。DeepSeek(DeepSeek-V3 深度剖析:…

Spring @EventListener 注解:让应用更加模块化和可扩展

EventListener注解在Spring中的作用就像是一个“事件监听小助手”。 想象一下,你在生活中可能会参加各种聚会,比如生日派对、婚礼等。在这些聚会上,可能会有一些特定的事情发生,比如有人切蛋糕、有人交换戒指。当你对这些特定的事…

ARM TEE

在ARM的语境中,TEE是Trusted Execution Environment(可信执行环境)的缩写。ARM TEE就是基于ARM架构实现的可信执行环境,以下是具体介绍: 定义与原理 定义:ARM TEE是基于独立硬件,和主操作系统…

自然语言理解与人机耦合的完美融合

电话机器人作为人工智能技术在商业领域的重要应用,正在深刻改变着传统客服行业的运营模式。其核心的语音识别技术经历了从简单指令识别到复杂语义理解的跨越式发展,其中自然语言理解(NLU)技术的突破和人机耦合模式的创新&#xff…

深度卷积神经网络实战无人机视角目标识别

本文采用深度卷积神经网络作为核心算法框架,结合PyQt5构建用户界面,使用Python3进行开发。YOLOv8以其高效的实时检测能力,在多个目标检测任务中展现出卓越性能。本研究针对无人机目标数据集进行训练和优化,该数据集包含丰富的无人…

搜索引擎友好:设计快速收录的网站架构

本文来自:百万收录网 原文链接:https://www.baiwanshoulu.com/14.html 为了设计一个搜索引擎友好的网站架构,以实现快速收录,可以从以下几个方面入手: 一、清晰的目录结构与层级 合理划分内容:目录结构应…

JavaScript系列(55)--安全编程实践详解

JavaScript安全编程实践详解 🔒 今天,让我们聚焦于另一个同样重要的主题:JavaScript的安全编程实践。在当今的网络环境中,安全性已经成为应用开发中不可忽视的关键要素。 安全编程基础概念 🛡️ 💡 小知识…