node.js:在vs code中使用node.js搭建本地服务器并进行代码调试

(一)安装node.js:

这部分就不多说了,网上随便一搜就是一大把。

(二)搭建服务器:

因为vs code里面有内置的终端很方便,我就直接在里面使用了。

(1)首先新建一个文件夹用于存放服务器文件,然后在当前目录下打开终端,express 服务器名。举个列子,我搭建一个叫myserver的服务器,就在终端中输入express myserver

(2)等待数秒,当终端的光标再次出现时,输入cd myserver/bin。没错,就是进入到你新建的服务器myserver里的bin目录下。

(3)启动服务器.在终端中输入 node www,浏览器输入localhost:xxxx就可以访问本地服务器了。 在这里插入图片描述

(4)调试代码:

*当然,如果要调试代码的话,就要把相应的代码文件放进myserver文件里public文件夹中,而且vs code要先安装有相应的调试浏览器。顺路一说,图片上的html文件是我自己建的,为了方便管理代码,默认的只有三个文件夹。

在这里插入图片描述

*然后在vs code里的launch.json文件中配置好路径url就可以开始调试了。
在这里插入图片描述

(5)如果退出程序后再启动服务器怎么办?很简单,cd到服务器的bin目录,再次node www就可以了。
在这里插入图片描述

(三)注意:

以上所有步骤均是在win10环境下运行,是在vs code里搭建的服务器。如果不用vs code,可在选定的文件夹里按住shift键,右键鼠标,打开powershell窗口,剩下的操作就和上面一样了。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值