安装browser-sync

browser-sync是一款很好用的通过在同一局域网给出的网址来从不同的终端来访问网页的技术,他极大地解决了我们由于网页需要在手机或者ipad上浏览而不得不安装各种环境或者软件的窘况,现在我来讲一下安装这项牛逼插件的过程:

1、首先,你要在自己的电脑上保证有node.js环境,然后我们使用终端用node.js的包管理器npm来进行接下来的事情;

2、执行npm install -g browser-sync;

3、接着执行browser-sync      这一步我出现了很大的问题,因为电脑上没有安装x-code工具,但我们这里先执行一下: sudo npm install npm -g,来保障我们安装的node版本是最新的,然后检查一下自己的版本,执行命令为 npm -v,node -v;

4、接下来我们就正式开始项目的创建了,现在桌面上创建一个文件夹:执行
mkdir liuhuan-browsersync(这里是文件名);

5、执行cd liuhuan-browsersync;进入文件夹里

6、执行npm init;这里是创建版本库信息,一路回车即可;

7、执行npm  install  browser-sync  —save-dev;这一步是在文件夹里面安装browser-sync,对的,需要在node里安装一次,文件夹里安装一次;

8、执行 ls; 查看是否有node_modules这一项;

9、执行 ls node_modules,查看是否有browser-sync这一文件夹;有则成功

在项目中使用:

将写好的项目文件夹直接复制到liuhuan-browsersync文件夹下或者直接在liuhuan-browsersync文件夹中创建一个 新的项目文件夹,
然后打开终端cd 文件夹名这里是 cd desktop/liuhuan-browsersync,
然后执行
browser-sync start —server  web-app(项目文件夹名)  —files “web-app/*"

时间: 2024-10-09 23:26:42

安装browser-sync的相关文章

CentOS 安装BitTorrent Sync详细步骤

官网:https://www.getsync.com 这个软件安装完后通过网页浏览器设置共享目录并生成同步Secret,异地的客户端可以通过这个同步Secret访问共的目录,其中有读写和只读两种同步方式选择,以点对点的形式传送数据,其实可以理解为一种新型的P2P分享方式. 这里我们可以用这个软件来同步备份下载盒子上的指定目录的所有文件,下面的内容是盒子端的配置过程. linux系统下的安装与配置(使用root用户登录) 1.首先要下载应用程序解压,根据系统的字长选择 32位系统 wget htt

SharePoint 2013 安装配置(4)

前一章节详细介绍了SQL Server 2012 R2上安装配置过程. 在这篇文章中,我将向您展示如何在线和离线安装SharePoint 2013前提条件. 以及在安装过程中出现的任何问题. SharePoint 2013 前提条件安装分为在线安装和离线安装,大家可以根据实际生产环境选择部署配置方式: 在线安装SharePoint 2013 必要条件 1.解压安装文件的目录,选择Prerequisite.exe文件,并以管理员身份运行 2.在以下Microsoft SharePoint 2013

扫盲BT Sync——不仅是同步利器,而且是【分布式】网盘(转)

文章目录 ★引子 ★BT Sync 是啥? ★BT Sync 有啥优点? ★BT Sync 的下载 ★BT Sync 的安装 ★BT Sync 的使用 ★疑难解答 ★俺分享的资源   先向大伙儿宣布个好消息--经过多位热心读者的大力支持,经过几天的努力,已经完成了"微软网盘"到"BitTorrent Sync"的迁移工作.再次向这批热心读者表示感谢.可惜俺不能说出他们的名字/网名,以免给他们带来不必要的麻烦--他们只能作为"幕后无名英雄". ★引

修复/boot及/etc/fstab、自制linux、编译安装内核

实验一.破坏dev/sda 的MBR的446字节: 破坏:dd if=/dev/zero of=/dev/sda bs=1 count=446 查看:hexdump -C -n 512 /dev/sda 发现前面的字节都为0 状况一.刚破坏未重启的时候修复: 可以利用grub重新生成: grub grub> root (hd0,0) grub> setup (hd0) quit退出 修复完之后使用hexdump -C -n 512 /dev/sda查看发现已经修复成功 状况二.破坏之后重启了,

vscode同步扩展设置(Settings Sync)

使用场景 Settings Sync是vscode的一个插件,可以同步当前vscode的配置环境.当你换电脑了,你想用之前vscode的配置,因为好多插件.配置都是一点点安装和配置的,这个时候就需要同步原来vscode的配置,不需要您重头再配置一遍新电脑的vscode. 基本原理 就是将原来的vscode的配置上传到github,然后通过github同步到新的vscode. 开始配置 安装Settings Sync 两个电脑的vscode都需要安装Setting Sync 登录您的github账

Gulp新手入门教程

Gulp 是一个自动化工具,前端开发者可以使用它来处理常见任务: 搭建web服务器 文件保存时自动重载浏览器 使用预处理器如Sass.LESS 优化资源,比如压缩CSS.JavaScript.压缩图片 当然Gulp能做的远不止这些.如果你够疯狂,你甚至可以使用它搭建一个静态页面生成器.Gulp真的足够强大,但你必须学会驾驭它. 这是这篇文章的主要目的.帮助你了解Gulp的基础用法,助你早日完成一统天下的大业. 在我们深入了解之前,我们先来说说为什么是Gulp. 为什么是Gulp? 类似Gulp的

VS2015 推荐插件

///////////////////////////////////////////////////////////////////////////////////////////代码辅助及显示增强 SuperCharger 是原来的CodeMap在VS2013/VS2015上的增强版包含代码快速跳转.魔术注释(菜单中就是这么显示的Magic Comments)其实就是能在注释中通过添加"x""!""?"等字符让注释显示为删除字体加大等特殊效果

Visual Studio 2015的Web扩展包

过去几年,Visual Studio扩展功能生态系统得到了蓬勃发展,社区贡献出了大量优秀的扩展,其中也包括大量针对Web开发的扩展.但是很多时候,感觉寻找.安装.更新好 几个扩展,总显得比较麻烦.如果你也有我类似的感受,那么可以尝试安装一个合并(和维护)其他扩展的Web Extension Pack(https://visualstudiogallery.msdn.microsoft.com/f3b504c6-0095-42f1-a989-51d5fc2a8459). 这个扩展包目前包含了如下几

浅谈OCR之Onenote 2010

原文:浅谈OCR之Onenote 2010 上一次我们讨论了Tesseract OCR引擎的用法,作为一款老牌的OCR引擎,目前已经开源,最新版本3.0中更是加入了中文OCR功能,再加上Google的更新.维护,可以说是潜力很大,值得期待.由上一次的测试结果也可以看出,Tesseract的OCR结果还不是很理想,尤其是中英文混合的文字,其识别率有限.本次我们来关注下Office 2010中的Onenote,调用其API来测试OCR功能. PS:在公司经理一直推荐使用MyBase来记录工作中遇到的

gulp的使用以及Gulp新手入门教程

Gulp新手入门教程 原文  http://w3ctrain.com/2015/12/22/gulp-for-beginners/ Gulp 是一个自动化工具,前端开发者可以使用它来处理常见任务: 搭建web服务器 文件保存时自动重载浏览器 使用预处理器如Sass.LESS 优化资源,比如压缩CSS.JavaScript.压缩图片 当然Gulp能做的远不止这些.如果你够疯狂,你甚至可以使用它搭建一个静态页面生成器.Gulp真的足够强大,但你必须学会驾驭它. 这是这篇文章的主要目的.帮助你了解Gu