Express搭建本地服务器

1.首先创建一个项目文件夹

新建一个项目文件目录VueCRM,点开目录,按住shift键,点击鼠标右键,选择点击在此处打开命令窗口

进入命令窗口后,执行mkdir node-demo创建一个node-demo文件夹,cd node-demo进入到node-demo文件夹后,再执行mkdir node-app创建一个node-app文件夹  

cd node-app 进入到node-app文件夹中,执行 npm init 初始化项目,然后会问我们一些问题,可以直接回车,你将会看到文件夹中出现了一个package.json,证明初始化成功了


描述我是随便写的,入口文件默认是index.js,这里我改变了一下,变成了server.js,后面回车就好了

2.编辑器打开项目

可以直接在命令行输入,code . 打开vscode

在vscode中打开终端,执行 type nul>server.js 新加一个入口文件server.js,也可以手动新建入口文件

终端中执行 npm install express 安装express,执行完以后,你会看到项目目录中多了一个node_modules文件夹

最后我们要编写入口文件 server.js文件


在终端中执行 node server.js 你就会看到 如下图


3.这个时候,还不能在浏览器中访问到,是因为我们还没有设置路由


node server.js 重启服务,再打开浏览器,输入localhost:5000/ 就能看到下图效果

4.到这里,express搭建本地服务器就搭建好了,是不是感觉挺麻烦的,每次,改了文件,都需要执行 node server.js 重启服务

这个时候,我们可以安装一个nodemon, 终端执行命令 npm install nodemon -g,全局安装nodemon

然后再执行,nodemon server.js,就不用每次修改后就 重启一次服务了


最后我们再调整一下package.json


这样我们要启动 执行node server.js 我们直接输入命令 npm run start,我们要启动 执行nodemon server.js 我们直接输入命令 npm run server

开发环境下,我们执行 npm run server就好了,每次修改文件后,不用再重启一次服务

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容