mac安装browser-async终极流程

本文详细介绍了如何在Mac上安装并使用browser-async工具,实现网页实时刷新,提升开发效率。步骤包括下载Node.js、初始化package.json、全局安装browser-sync等,注意事项也一并列出。
摘要由CSDN通过智能技术生成

安装browser-async官网教程

有人问我开发网页在mac上用什么工具能发布网页快速浏览。
不像我们在windows上有VS就自带了browser-async了。今天就说说在mac上使用该功能。

这个功能牛逼的地方就是,开启了browser之后只要你浏览你的地址,你的每次保存就是自动刷新,自动同步。

好像网上都没有正确的教程,其实看我的这个文章就可以了。

安装流程如下:

1:下载node.js并安装
2:首先在硬盘上创建一个文件夹(你随意创建)
3:cd 到这个文件夹
4:sudo npm init -y 生成package.json文件
5:sudo npm install -g browser-sync --save-dev (这里一定要带上 -g 表示全局安装)
6:等待安装。。。

安装成功之后

1:cd到你要看的htmls文件下
2:执行browser-sync start --server --files “./”

浏览.png

NOTICE:开发过程中,千万不要把该窗口断掉!!!不然就不能浏览咯!!

你只要保存就可以实时刷新,不用你去手动刷新。你在pc或者移动端加载的也都会自动刷新!!!

就ok了

有些地方说的不到位,还请各位看官指正。。。

  • 欢迎各位一块学习,提高逼格!
  • 也可以添加洲洲哥的微信公众号

可以来微信公众号(洲洲哥)后台给我们留言。 快来扫码关注我们吧!

公众号二维码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值