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