-
插件大全查看全部
-
前端快速開發(fā)工具查看全部
-
LiveSytle LiveReload Broswer-Sync查看全部
-
靜態(tài)網(wǎng)站與動態(tài)網(wǎng)站的啟動方式查看全部
-
總結查看全部
-
豆腐干豆腐查看全部
-
gulp查看全部
-
和livereload相似之處，1、對所有的文件都可以實時更新。2、也都是單向的，只能通過文件修改頁面不能通過頁面修改文件，3、都支持chrome腳本 區(qū)別：1、browser sync只依賴nodejs插件，不依賴瀏覽器插件。2、局部刷新。3、可以實現(xiàn)手機瀏覽器或者pc瀏覽器，多個瀏覽器之間的同步。包括視圖同步和交互的同步 在安裝nodejs之后，只需要在終端輸入npm install -g browser-sync 就可以了。（我也不知道能不能安裝成功，畢竟我寫筆記的時候，還沒反應。。。。草，全是問題。失敗了） Browsersync能讓瀏覽器實時、快速響應您的文件更改（html、JS、css、sass、less等）并自動刷新頁面。更重要的是 Browsersync可以同時在PC、平板、手機等設備下進項調試。您可以想象一下：“假設您的桌子上有pc、ipad、iphone、Android等設備，同時打開了您需要調試的頁面，當您使用browsersync后，您的任何一次代碼保存，以上的設備都會同時顯示您的改動”。 然而我并沒有安裝成功，氣人哦查看全部
-
我的是mac，以下是我自己安裝過程。 我的package control 不能用，手動安裝的。 1、livereload下載地址為：https://codeload.github.com/Grafikart/ST3-LiveReload/zip/master 下載之后，放在Preference-browse package文件夾下面。 手動安裝時，注意修改文件夾名稱為liverload。 2、mac版的liverload需要nodejs，而且需要配置，其中nodejs下載地址為：https://nodejs.org/dist/v6.9.2/node-v6.9.2.pkg 3、需要修改配置： Preference>Package Settings>LiveReload>Settings User { "enabled_plugins": [ "SimpleReloadPlugin", "SimpleRefresh" ] } 4、另外需要，必須在chrome 設置 》更多工具》擴展程序》勾選允許訪問網(wǎng)頁文件。然后打開網(wǎng)頁后，點擊小圓點，空心小圓點變成實心的，就可以了。每次需要刷新，command + s 就可以了查看全部
-
正確的是先安裝nodejs，npm只是作為一個NodeJS的模塊管理。想吐槽，新手都不知道還有Nodejs查看全部
-
1、 livestyle支持三種文件： css less scss 也就是說，你修改HTML文件，或者JavaScript文件，網(wǎng)頁并不能改變的。 2、首先安裝兩個插件。注意，如果packageController裝不上的話，可以也可以手動安裝，我看到網(wǎng)上教程如下：http://www.jianshu.com/p/d23ff3cf1d33 另外可以，必須在chrome 設置 》更多工具》擴展程序》勾選允許訪問網(wǎng)頁文件 3、在sublime中修改后，馬上就可以改變了，不需要先保存，或者打開新的網(wǎng)頁，挺方便的。 4、網(wǎng)頁中修改styles，sublime文件代碼會相應改變。 可以雙向也可以單項，livestyle圖標打開，雙向箭頭可以設置。（本大人的沒有修改成功）關于如何在網(wǎng)頁中修改Styles： Mac 下的Chrome 按什么快捷鍵調出頁面調試工具? (Command - Option - I) 鍵可打開開發(fā)人員工具。 如果遇到某個圖片禁止用右鍵查看與下載, 可以調出開發(fā)人員工具, 點擊查看 icon, 查找到真正的圖片地址, 在新的Tab中打開, 就可以右鍵下載到本地了. 5、還可以修改scss文件，不細說了。查看全部
-
很好啊，學習啦。謝謝！查看全部
-
aaa查看全部
-
三種方案的整體對比查看全部
-
三種前端實時可視化方案對比查看全部
舉報
0/150
提交
取消