如何创建一个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改为

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

相关推荐
葛小白129 分钟前
Node.js网页本地部署
node.js
jun_不见1 小时前
nest初体验-用nest实现一个简单的CRUD功能
前端·node.js·全栈
我没想到原来他们都是一堆坏人3 小时前
常用npm源与nrm
前端·npm·node.js
Asurplus3 小时前
Centos7安装Node.js环境
centos·node.js·nvm·nodesource
李广山Samuel1 天前
四、Node-OPCUA 进阶(2)-OPCUA服务器(一)
node.js
妮妮喔妮1 天前
Webpack和Vite优化的区别
前端·webpack·node.js
谢尔登1 天前
a 标签的跳转机制
前端·javascript·webpack·node.js
小皮虾1 天前
搞全栈还在纠结 POST、GET、RESTful?试试这个,像调用本地函数一样写接口
前端·node.js·全栈
程序员爱钓鱼1 天前
Node.js 编程实战:路由与中间件
前端·后端·node.js
程序员爱钓鱼1 天前
Node.js 编程实战:Express 基础
前端·后端·node.js