使用vscode 搭建 typescript 的nodejs 自动编译自动启动服务

最新推荐文章于 2024-09-13 20:44:55 发布

让成功不再等待

最新推荐文章于 2024-09-13 20:44:55 发布

阅读量4.7k

点赞数

分类专栏： node.js vscode 文章标签： nodejs vscode 自动编译自启服务

本文链接：https://blog.csdn.net/huangyong1991/article/details/78531998

版权

本文介绍了如何在VSCode中利用nodemon模块设置项目，以实现TypeScript编译后的Node.js服务自动重启。通过生成.launch.json和.tasks.json文件，开发者可以便捷地实现代码修改后服务的自动编译和启动。

摘要由CSDN通过智能技术生成

1、在项目中安装nodemon 模块

npm install nodemon --save -dev

2、在package.json中添加以下画红框的脚本

{
  "name": "server",
  "version": "0.0.0",
  "scripts": {
    "postinstall": "tsc -p .",
    "watch": "tsc -w -p .",
    "debug": "nodemon --watch ./build --inspect=0.0.0.0:5858 --nolazy ./build/index.js",
    "docker-debug": "dock

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

让成功不再等待

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

NodeJs | 使用nodemon自动化c++的编译调试

u011607490的博客

10-19

420

nodemon nodemon是一个可以监测文件内容变化的基于node的工具既然它能监测javascript、css、html等文件的变化，那应该也可以监测c++ 吧先理清各任务的先后执行顺序运行nodemon监视cpp文件编辑cpp文件并保存，触发nodemon执行命令 nodemon命令1：g++编译cpp文件得到可执行*.out文件 nodemon命令2：命令行下输入可执行...

使用VSCode开发Nodejs

最新发布

m0_61931410的博客

09-13

1282

搜索JavaScript(ES6) code snippets 安装：ES6语法智能提示以及快速输入，除js外还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间。功能为：语法高亮、智能感知、Emmet等包含格式化功能， Alt+Shift+F （格式化全文），Ctrl+K Ctrl+F（格式化选中代码，两个Ctrl需要同时按着）输入chinese，会自动搜索到中文语言包，点 Install按钮，进行安装。安装vscode，右键安装包，“以管理员身份运行”

搭建Node开发环境

cyywxy的博客

12-20

624

搭建Node开发环境使用文本编辑器来开发Node程序，最大的缺点是效率太低，运行Node程序还需要在命令行单独敲命令。如果还需要调试程序，就更加麻烦了。所以我们需要一个IDE集成开发环境，让我们能在一个环境里编码、运行、调试，这样就可以大大提升开发效率。Java的集成开发环境有Eclipse，Intellij idea等，C#的集成开发环境有Visual Studio，那么问题又来了：Node.js

typescript 入门及vscode 自动编译

yun_hou的博客

06-25

6518

1、安装typescript(以下简称ts) 复制以下代码全局安装ts npm install -g typescript 完成后，输入 tsc -v 检查是否安装完成 2、使用ts 1、首先创建 tsconfig.json 文件，根据自己需要修改配置项 tsc --init 2、创建 .ts 文件（例：test.ts） interface Person { name...

Nodejs+Grunt配置SASS项目自动编译

weixin_34253126的博客

11-06

139

Nodejs+Grunt配置SASS项目自动编译早前听说Nodejs和Grunt很强大，特别是用来构建自动化的前端开发，更是强大无比。但一直碍于自己掌握的技术有限，不敢深入，也未曾深入下去。最近在开始学习SASS，也慢慢的接触这方面的东西。为了能更好的让SASS项目实现自动化编译，打算使用Nodejs和Grunt来试试。 SASS的编译的话题，在《SASS编译》有进行过介绍，文中介绍的方...

使用typescript与nodejs开发应用

codeinfo.top

09-15

1965

在ts出来后受到的关注越来越大，尤其是配合vscode编辑器的时候，语法提示可以提高我们的工作效率。我们想要使用ts开发nodejs应用就需要把ts文件编译成为js文件，这样才可以在nodejs中运行起来，这篇文章介绍如何在nodejs使用ts进行开发。环境搭建首先我们需要安装ts-node与typescript npm install -g ts-node npm install -g t...

使用vs code开发Nodejs程序的使用方法

10-19

2. 使用Express命令快速搭建项目骨架。执行`express ExpressApp`创建一个名为ExpressApp的项目目录。 3. 使用`npm install`命令安装项目中package.json文件指定的第三方包依赖项，这些包会被安装在项目根目录下的...

React、TypeScript、NodeJS 和 MongoDB 搭建 Todo App

m0_70522111的博客

05-06

588

如你所见，这个文件结构相对简单。代码编译成纯 JavaScript 后，dist 目录将用作输出文件夹。我们还有一个 app.ts，它是服务器的入口。控制器、类型和路由也在它们各自以它们命名的的文件夹中。现在，我们需要配置 tsconfig.json，使编译器运行我们的首选项。 tsconfig.json { “compilerOptions”: { “target”: “es6”, “module”: “commonjs”, “outDir”:

vscode下如何自动编译typescript

Five_26的博客

03-11

1079

前提 npm i -g typescript // 检测是否安装 tsc -V // 进入目标文件夹，创建tsconfig.json文件 tsc -init // 修改tsconfig.json文件配置 { "compilerOptions":{ "target":"es6", "noImplicitAny":false, "module":"amd", "r

esno:由esbuild支持的TypeScriptESNext节点运行时

05-05

埃斯诺由支持的TypeScript / ESNext节点运行时用法 npx esno hello.ts 全局安装 npm i -g esno esno index.ts 作为依赖安装 npm i esno { " scripts " : { " start " : " esno index.ts " }, " dependencies " : { " esno " : " * " } } npm run start

Node.js 第三方模块 nodemon（自动编译）使用

木易的博客

08-12

964

nodemon是一个命令行工具，用于辅助项目开发,由于在node中每次修改文件时都要重新运行该文件，不是很方便，我们可以使用nodemon来替代node命令类执行文件，nodemon会监控文件的变化，当文件内容有修改时，点击保存之后会自动执行文件。使用步骤： 1 使用npm install nodemon -g 安装 2 在命令行工具中使用nodemon命令代替node命令执行文件 ...

node.js实时编译，不需要重启

weixin_30709061的博客

08-03

341

npm -g install supervisor 全局安装这个，然后编译依一次文件就可以了，之后修改这个文件不用编译也可以了转载于:https://www.cnblogs.com/weiyiyong/p/7280098.html

【Angular4学习】服务端自动编译typeScript为JavaScript（vscode/webstrom）

十年磨一剑，沉淀……

02-14

2770

【前言】本文遇到的问题是在搭建web服务器时无法将写好的typeScirpt编译成Javascript造成无法访问web服务器。【正文】 1.首先确保自己已经安装了typescript,可以用tsc -v查看版本，没有安装的话使用下面命令安装。这里没有写版本号默认是最新版。 npm install -g typescript 2.安装tsd编译typescript代码命令工具 ...

vscode 自动编译ts文件

weixin_43964113的博客

09-08

276

运行tsc --init ，创建tsconfig.json文件修改tsconfig.json文件，给成想要输出的位置文件夹设置vscode监视任务之后保存代码就会自动更新到指定文件夹中了

VSCode自动编译TS文件

KevinXin的博客

10-12

492

1.生成配置文件tsconfig.json 在项目文件夹目录打开终端输入： tsc --init 2.修改tsconfig.json文件注：ts中的严格模式参考：掘金 3.启动监听任务在VSCode中选择：终端 --> 运行任务 --> 显示所有任务 --> 监听tsconfig.json ...

vscode typescript 红波浪线错行卡顿需要重启 volar

SanOrintea的博客

06-19

1505

这个原因是volar 插件和 vscode自带的 typescript 冲突。将“JavaScript 和 TypeScript 的语言功能“禁用掉。2.禁用内置 TypeScript 扩展设置为禁用（工作区）插件部分搜索框内输入@builtin Typescript。导致一进ts文件如果有错误，加代码以后，错误错行。1.将 Volar 更新到最新版本。

vscode自动编译TS

weixin_64608867的博客

04-05

1533

先按照node.js，可以去官网下载node.js，然后直接安装node即可通过npm安装typescript npm install -g typescript 在项目的根目录下创建 tsconfig.json 文件 tsc --init 打开tsconfig.json文件，可以直接用一下代码替换掉原本的,或者找到outDir直接修改也行 { "compilerOptions": { "target": "es5", "noImplicitAny": fals

使用VSCode与TypeScript高效开发微信小程序

本文将探讨如何使用Visual Studio Code（VSCode）这款强大的开源编辑器，结合TypeScript这一静态类型语言，来高效地开发微信小程序。首先，我们来看看为什么选择VSCode和TypeScript。 VSCode作为一款由Microsoft...