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

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

相关推荐
bjzhang7510 分钟前
Depcheck——专门用于检测 JavaScript 和 Node.js 项目中未使用依赖项的工具
javascript·node.js·depcheck
你不讲 wood4 小时前
使用 Axios 上传大文件分片上传
开发语言·前端·javascript·node.js·html·html5
tryCbest5 小时前
Nodejs安装配置及创建vue项目
vue.js·node.js
Luckyfif7 小时前
Webpack 是什么? 解决了什么问题? 核心流程是什么?
前端·webpack·node.js
熊的猫9 小时前
如何封装一个可取消的 HTTP 请求?
前端·javascript·vue.js·网络协议·http·webpack·node.js
黑金IT12 小时前
为什么使用Node.js爬虫更优
javascript·爬虫·node.js
API开发1 天前
APISQL企业版离线部署教程
sql·node.js·api·restful·graphql·apisql
前端小垃圾(找工作真难呐)1 天前
将项目从 Webpack 到 Vite 迁移的步骤
前端·webpack·node.js
黑金IT1 天前
Node.js与Python的交互:使用node-pyrunner模块
开发语言·python·node.js·交互
Fan_web2 天前
Node.js——初识Node.js
开发语言·前端·node.js