本地的html文件怎么运行在本地服务器上

1、之前运行本地写的demo这样html文件时，会在vscode上直接运行这样的命令Open In Default Browser，如图：

在浏览器中打开的链接是：file:///Users/shixiaolin/Documents/%E5%89%8D%E7%AB%AF%E5%AD%A6%E4%B9%A0/%E5%B9%B3%E6%97%B6%E7%BB%83%E4%B9%A0/ES6/a%E7%9A%84download.html
可以看到是以file开头的链接，这个就相当于是在本地打开了一个文件，跟运行在服务器上还是有很大区别的。

那我们运行本地html文件时，怎么才能像运行在服务器上一样呢？
这个时候我们需要安装一个插件叫http-server 建议全局安装。

npm install http-server -g

安装好之后，
在当前html目录下执行http-server，就启动一个http服务

cmd+单击 这个链接进行访问

然后单击链接进行访问：

这样就可以在本地服务器上访问html文件了。