http://www.browsersync.cn/
省時的瀏覽器同步測試載入器
安裝 Node.js
BrowserSync是基於Node.js的, 是一個Node模組, 如果您想要快速使用它,也許您需要先安裝一下Node.js
安裝適用於Mac OS,Windows和Linux。
安裝 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/
省時的瀏覽器同步測試載入器
安裝 Node.js
BrowserSync是基於Node.js的, 是一個Node模組, 如果您想要快速使用它,也許您需要先安裝一下Node.js
安裝適用於Mac OS,Windows和Linux。
安裝 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到最後面。