前端自动化刷新工具 live-server 的介绍和使用

今天敲项目,发现一个一直在用的工具不是很明白,百度谷歌后,使用原本的项目进行了一些简单的测试,有种豁然开朗的感觉。话不多说,上步骤。(准备带截图的,发现截图没有传成功,有点气,不过说的还算明白^~^)

优势:使用live-server后,当鼠标离开编辑器之后会自动为我们刷新浏览器。

1,确认是否安装node环境,检查版本,出现版本号表明安装成功


2,使用npm 安装(全局安装): npm install -g live-server 


3,使用:在文件夹项目的webapp页面需要有index.html打开命令窗口,然后输入live-server,即可打开想要的页面。如果想要定义端口号则需要启动时输入live-server --port=9002。百度上面说修改package.json,不过个人感觉还是我的方便,因为可以自定端口号,启动的时候,可以使反向代理进行域名访问。

猜你喜欢

转载自blog.csdn.net/weixin_41491254/article/details/81268331