前端管理工具

大家写网页的时候，肯定都遇到这种情况，每次用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的文件

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

时间： 2024-08-06 17:42:26

前端管理工具的相关文章

yum前端管理工具详解

1. yum概述 之前在上一篇文章里提到的rpm包管理器虽然在数据库中为用户指定了程序包之间的依赖关系,但用户仍需根据程序包的依赖关系去手动使用rpm命令来安装每个程序包,过程略为繁琐.而yum作为前端管理工具则为用户解决这一问题. yum的全称为:Yellow dog Updater, Modifier,是通过修改Yellow Dog Linux的Yellow Dog Updater开发而成. yum是基于rpm包管理器的前端程序包管理器,可以从指定服务器上自动下载程序包,并自动分析程序包的元

2018-3-14Linux系统管理(12) Linux程序包管理(2)yum前端管理工具

我们在之前的章节中讲到了Linux的程序包管理的基础与实现,后面也讲述了RPM包的管理命令实现了管理包的功能,主要用的是rpm命令,那么rpm实现程序管理总结如下:    rpm命令实现程序管理:       安装:-ivh, --nodeps, --replacepkgs       卸载:-e, --nodeps, --replacepkgs       升级:-Uvh, -Fvh, --nodeps, --oldpackage       查询:-q, -qa, -qf, -qi, -qd

软件包管理之前端管理工具yum

一.前言 RPM安装软件有一个很繁琐的问题,那就是包与包之间的依赖关系,如果想正常安装和使用软件程序,就必须根据要求一步一步的解决软件之间的依赖关系.那么如果程序使用的包很多,将会很消耗使用人的时间和精力.那么有没有办法解决这一问题呢? 在RPM中我们介绍了RPM软件会记录软件之间的安装信息,其中也包括了软件之间的依赖属性.那么如果我们在安装前就分析这个列表,那么在安装时就能根据软件之间的关系将所需的软件一次性安装起来,这样就能解决这一问题,这就是 YUM 的机制. 二.yum的介绍 yum(Y

程序包前端管理工具yum，及仓库配置

        简单分析yum的用法. 1:yum 是什么? 英文全称为 yellow dog update modify. 直译过来肯定是不对的.大体的意思为程序包管理. 2:yum有什么用? yum 的用处可就大了. 是一种能帮助我们管理程序包的工具.正是因为这个工具,让我们安装,卸载程序包时,只要执行一个命令,就能搞掂.背后的复杂操作,如安装时的依赖关系,查询时文件的路径在哪里,卸载时文件的路径又在哪里,等等这些复杂繁琐的操作都经我们隐藏了. 就像上帝说,让人间有阳光,于是就有了阳光一样.

CentOS程序包管理器之rpm前端管理器

CentOS的程序包管理器: 首先,我们要来了解一下程序包(源代码包)的命名规则: software_name-VERSION.tar.gz VERSION:major.minor.release major:主版本号,通常代表重大功能改进的版本分支: minor:次版本号,通常代表在某个版本的分支中的某个功能发生变化: release:发行版本号,修复了某些bug或者对某段代码进行了优化: 例如:apache-tomcat-7.0.63.tar.gz 而rpm程序包命名规则为: 源码包:sou

2018-3-11Linux系统管理(10)(11)程序包初步概念及后端管理工具

本章我们来介绍Linux程序包的概念及安装校验卸载等管理操作. 一.概述 我们不止一遍讲述过操作系统的概念,首先是硬件,计算机它的计算能力都是在硬件设计逻辑上实现的,而这个设计硬件设计逻辑不同厂商所生产的硬件芯片及接口的方式都不一样.那么在向上一层就是将硬件规格给封装起来的操作系统层,它将硬件的差异化和复杂化而由丑陋的接口隐藏起来,向上提供了一个简洁而又统一的接口,我们称之为系统调用(system call),但系统调用仍然很底层,为了加速开发和易于维护,在系统调用的半层接口上又封装了一个更复杂

前端工程化系列[01]-Bower包管理工具的使用

本文主要介绍前端开发中常用的包管理工具Bower,具体包括Bower的基本情况.安装.使用和常见命令等内容,最后还介绍了依赖树管理的常见方式以及Bower采用的策略并进行了比较. 1.1 关于Bower Bower是一款优秀的包管理器,它由Twitter公司开发,支持以命令行的方式来对包进行搜索.下载.更新和卸载. 模块或组件指独立完整的模块,可以是应用的一部分或者是扩展,依赖可以是jQuery或backbone这样的库,也可以像Bootstrap这样的UI框架或者是UI组件. 包英文(pack

前端api管理工具YApi

使用YApi接口管理工具,提升前端开发效率前端开发苦恼: 代码中使用json数据模拟后端api数据,注释调取api接口代码,代码乱七八糟 为了测试不同case,央求后端人员返回不同的数据,返回状态.返回数据条数等 需要找api调用插件,测试后端接口是否调用正常 业务复杂时,嵌套api调用时,需要依赖接口返回状态继续测试 YApi优势: 基于json5.mockjs,根据不同的规则,快速模拟后端api服务接口 可视化UI管理界面,方便快速配置接口 成熟的团队管理扁平化项目权限配置满足各类企业的需求

前端随心记---------webpack管理工具

webpack: 官网:https://www.webpackjs.com/ 由来: 1.开发的时候,我们写的代码是有注释,有空格(文件比较大)在开发环境中注释有意义的,但是在生产环境中,注释是没有意义的.代码应该是尽可能压缩的足够小(网络请求)如果我们没有借助一些其他工具的时候,我们需要手工的把 xxx.js 转换 xxx.mini.js 文件.(文件美化) 2.我们的js在发展的过程中,出现很多的新特性,例如 es6 箭头函数.class 语法糖,Promise等.这些新的特性在不做处理的时