Home > Backend Development > PHP Tutorial > javascript - BrowserSync 运行方式哪里不对?

javascript - BrowserSync 运行方式哪里不对?

WBOY
Release: 2016-06-06 20:27:52
Original
1632 people have browsed it

javascript - BrowserSync 运行方式哪里不对?

javascript - BrowserSync 运行方式哪里不对?

http://www.browsersync.cn/
省时的浏览器同步测试工具

  1. 安装 Node.js

BrowserSync是基于Node.js的, 是一个Node模块, 如果您想要快速使用它,也许您需要先安装一下Node.js
安装适用于Mac OS,Windows和Linux。

  1. 安装 BrowserSync

您可以选择从Node.js的包管理(NPM)库中 安装BrowserSync。打开一个终端窗口,运行以下命令:

npm install -g browser-sync
您告诉包管理器下载BrowserSync文件,并在全局下安装它们,您可以在所有项目(任何目录)中使用。

当然您也可以结合gulpjs或gruntjs构建工具来使用,在您需要构建的项目里运行下面的命令:


遇到的问题

npm已经安装了 版本是2.7.4
git也安装了 版本是version 2.5.1.windows.1 不知道是否跟这个有关系?
npm install -g browser-sync已经安装了。在node_modules目录里!
这是什么情况呢,新手第一次遇到的问题我实在无法解决。

回复内容:

javascript - BrowserSync 运行方式哪里不对?

javascript - BrowserSync 运行方式哪里不对?

http://www.browsersync.cn/
省时的浏览器同步测试工具

  1. 安装 Node.js

BrowserSync是基于Node.js的, 是一个Node模块, 如果您想要快速使用它,也许您需要先安装一下Node.js
安装适用于Mac OS,Windows和Linux。

  1. 安装 BrowserSync

您可以选择从Node.js的包管理(NPM)库中 安装BrowserSync。打开一个终端窗口,运行以下命令:

npm install -g browser-sync
您告诉包管理器下载BrowserSync文件,并在全局下安装它们,您可以在所有项目(任何目录)中使用。

当然您也可以结合gulpjs或gruntjs构建工具来使用,在您需要构建的项目里运行下面的命令:


遇到的问题

npm已经安装了 版本是2.7.4
git也安装了 版本是version 2.5.1.windows.1 不知道是否跟这个有关系?
npm install -g browser-sync已经安装了。在node_modules目录里!
这是什么情况呢,新手第一次遇到的问题我实在无法解决。

可能是因为你没有将Node.js的路径配置到PATH环境变量

输入<code>browser-sync</code>他会利用node提供的require()系统查找本地安装的 browser-sync模块。

你在命令行模式输入

<code>browser-sync</code>
Copy after login

与下例相似

<code>node
> var browserSync = require('browser-sync');
> browserSync()</code>
Copy after login

解决办法:右键我的电脑-点击属性-点击系统属性-选择高级选项-点击环境变量-查找系统变量中的path-编辑变量值把Node路径copy到最后面。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template