前端管理工具

Posted onlychen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端管理工具相关的知识,希望对你有一定的参考价值。

        大家写网页的时候,肯定都遇到这种情况,每次用sublime写完都要返回浏览器,刷新页面,而这个工具正好解决了这个问题,提高前端开发效率

       这是一个npm的包 browser-sync

    browser-sync

 作用:文件保存一下,就会自动监视文件变化,自动刷新浏览器

             打开cmd,输入一下命令

  全局安装:npm install -g browser-sync        //-g是全局安装

安装完之后,一定要切换到你要监视的项目下执行下面的代码

    browser-sync start --server --files "*.html”      执行完这句之后,会自动帮你打开浏览器http://localhost:3000

解释一下  start表示启动   --server表示已经启动的http服务  --files后面是你要监视的文件名,*.html表示你要监视这个项目下的所有后缀为.html的文件

若是你想监视指定文件,就直接写文名就好

 

以上是关于前端管理工具的主要内容,如果未能解决你的问题,请参考以下文章

现在比较好用的前端开发工具都有哪些啊?

19前端 | 前端构建工具Gulp

前端开发都有哪些工具可以提高效率

前端工具目录

前端开发工具

前端开发工具库:包含事件委托,动画处理,以及大部分常用的前端工具