美文网首页
Express搭建本地服务器

Express搭建本地服务器

作者: Neral | 来源:发表于2019-06-21 16:33 被阅读0次

    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就好了,每次修改文件后,不用再重启一次服务

    相关文章

      网友评论

          本文标题:Express搭建本地服务器

          本文链接:https://www.haomeiwen.com/subject/yvmyqctx.html