如何创建一个node.js项目并配置

要想创建一个node.js项目,首先的话要先有npm和node.js环境,没有的同学可以参考一下连接:npm安装-详细教程-CSDN博客

一、创建node.js项目文件

注意:windows系统创建时文件名不能有汉字和空格

我创建了一个文件夹叫nodejswork

二、在终端打开这个文件夹

三、创建一个项目

使用命令

复制代码
express --no-view 你的项目名字 && cd 你的项目名字

--no-view是不使用视图的意思,因为node.js主要是为了开发接口,前端的话会使用vue、react等框架,cd 是切换到你创建的项目

出现以下即创建成功

四、安装依赖

这里提示我们要安装项目依赖

所以

复制代码
npm i或者npm install

五、修改

用编辑器打开你创建的项目,不论是vscode还是webstrom

找到routers目录下的index.js文件

将文件中的render改为json,并且去掉index,将title改为message,因为目的是开发接口

改为

六、运行

此时回到终端运行npm start

然后打开http://localhost:3000

就能看到返回的数据

可以下一个浏览器插件JSON-handle

七、修改代码

如果此时我们在编辑器里修改代码,回到浏览器刷新发现不会发生改变

我们不可能每次修改都重新运行代码

所以下载一个监听的库

复制代码
npm install nodemon

打开编辑器找到package.json将start改为

这样就可以自动检测,不用每次都刷新

相关推荐
万敏20 小时前
Vue3 全栈实战第五周:Vitest 单元测试从零搭建实战记录
vue.js·node.js·全栈
星栈1 天前
我以为 TS7.0 只是换个版本号,结果编译快了 9 倍,也踩了 5 个坑
后端·typescript·node.js
Synmbrf1 天前
Mosquitto 持久化消息积压导致网关内存耗尽的排查
node.js
AINative软件工程1 天前
LLM Streaming 背压工程实践:慢客户端、断流重连与服务端缓冲区的生产设计
node.js·llm
码林鼠2 天前
webpack的基本配置
前端·webpack·node.js
FeelTouch Labs2 天前
Node.js 中的 spawn 和 exec:子进程执行的不同方式对比
node.js·编辑器·vue·vim
烂蜻蜓2 天前
Node.js入门教程(一):初识Node.js——服务端JavaScript的诞生与特点
开发语言·javascript·node.js
凌云拓界2 天前
NodeVerdict:Node.js 原生诊断数据可视化工具
信息可视化·架构·typescript·开源·node.js·github·bug
用户2930750976692 天前
React Router v6 实战:理解 SPA 路由系统
node.js