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

WBOY
Freigeben: 2016-06-06 20:27:52
Original
1564 Leute haben es durchsucht

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>
Nach dem Login kopieren

与下例相似

<code>node
> var browserSync = require('browser-sync');
> browserSync()</code>
Nach dem Login kopieren

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage