一、在Chrome浏览器安装Web Server for Chrome扩展
打开chrome浏览器扩展应用商店,搜索Web Server for Chrome并安装。
安装完成打开chrome://apps/
点击Web Server,open folder到指定的项目(默认打开index.html文件),并打开 http://127.0.0.1:8887/
二、nodejs安装http-server服务器
首先安装Nodejs,再执行npm install http-server -g,会在机器上安装了一个Javascript服务器:http-server
指向项目路径,然后输入http-server,这时候打开浏览器,通过http-server命令指定的端口即可访问,访问过程中,会显示http请求的简略记录:
三、编辑器Visual Studio Code安装扩展插件Live Server
安装完成后,打开指定项目,编辑器右下角点击Go Live
会自动打开浏览器,若在编辑器更改内容,浏览器会自动刷新显示最新结果: