目前公司做的项目是layui,不像vue或react可以配置热更新,因此只能自己去想办法实现保存代码-浏览器自己刷新。
使用以下插件可以实现保存代码不需要手动去浏览器刷新,而是浏览器自动刷新,可以提高开发效率。
使用方式
环境:node环境,可以去官网下载,无脑下一步
两行命令完成热更新
1.全局安装browser-sync
npm install -g browser-sync
mac/linux系统全局安装前面需要加sudo
2.browser-sync start --proxy "要代理的地址" --no-notify --files '//.'
这句话的意思是把3000(端口占了自动+1)代理到你要代理的地址,你改动代码保存一次,浏览器自动刷新一次
例如
browser-sync start --proxy "http://172.16.16.139:7200" --no-notify --files '//.'
我的项目是通过nginx代理在7200端口
网友评论