javascript - BrowserSync 運行方式哪裡不對?

來源:互聯網
上載者:User

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目錄裡!
這是什麼情況呢,新手第一次遇到的問題我實在無法解決。

回複內容:

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環境變數

輸入browser-sync他會利用node提供的require()系統尋找本地安裝的 browser-sync模組。

你在命令列模式輸入

browser-sync

與下例相似

node> var browserSync = require('browser-sync');> browserSync()

解決辦法:右鍵我的電腦-點擊屬性-點擊系統屬性-選擇進階選項-點擊環境變數-尋找系統變數中的path-編輯變數值把Node路徑copy到最後面。

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.