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

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

相关推荐
滚雪球~7 小时前
npm error code ETIMEDOUT
前端·npm·node.js
沙漏无语7 小时前
npm : 无法加载文件 D:\Nodejs\node_global\npm.ps1,因为在此系统上禁止运行脚本
前端·npm·node.js
m0_748234528 小时前
前端Vue3字体优化三部曲(webFont、font-spider、spa-font-spider-webpack-plugin)
前端·webpack·node.js
丰云17 小时前
一个简单封装的的nodejs缓存对象
缓存·node.js
泰伦闲鱼17 小时前
nestjs:GET REQUEST 缓存问题
服务器·前端·缓存·node.js·nestjs
敲啊敲952718 小时前
5.npm包
前端·npm·node.js
j喬乔19 小时前
Node导入不了命名函数?记一次Bug的探索
typescript·node.js
z千鑫20 小时前
【前端】入门指南:Vue中使用Node.js进行数据库CRUD操作的详细步骤
前端·vue.js·node.js
小马哥编程1 天前
原型链(Prototype Chain)入门
css·vue.js·chrome·node.js·原型模式·chrome devtools
蜜獾云1 天前
npm淘宝镜像
前端·npm·node.js