課程
/前端開(kāi)發(fā)
/JavaScript
/前端實(shí)時(shí)可視化開(kāi)發(fā)工具體驗(yàn)
請(qǐng)問(wèn),采用webstorm可以實(shí)現(xiàn)可視化嗎
2016-11-30
源自:前端實(shí)時(shí)可視化開(kāi)發(fā)工具體驗(yàn) 1-1
正在回答
WebStorm live edit功能與瀏覽器實(shí)現(xiàn)同步實(shí)現(xiàn)步驟
打開(kāi)WebStore的設(shè)置對(duì)話框,找到live?edit選項(xiàng),選中Enable?live?editing。
2.打開(kāi)Chrome瀏覽器,進(jìn)入Chrome網(wǎng)上商店,搜索JetBrains?IDE?Suport擴(kuò)展程序。點(diǎn)擊“添加至Chrome“按鈕,安裝該擴(kuò)展程序到Chrome。這時(shí)候,Chrome瀏覽器工具欄上就會(huì)出現(xiàn)一個(gè)JB圖標(biāo)。注(有時(shí)可能在網(wǎng)上商店里搜索不到,我這里提供了一個(gè)地址:https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji?)
3.在WebStorm中新建一個(gè)html文件,然后按ALT+F2打開(kāi)瀏覽器選擇浮動(dòng)窗,選Chrome,查看正在編輯的網(wǎng)頁(yè)。
4.切換到WebStorm,修改html/css/JS,然后切換了到Chrome,你會(huì)發(fā)現(xiàn)chrome那邊跟著也變了。如果你覺(jué)得效果還不夠理想,那就并排打開(kāi)WebStorm和Chrome,驚呼So?Cool去吧。
同問(wèn), 目前我是用gulp + browsersync的方案
舉報(bào)
使用可見(jiàn)即可得的開(kāi)發(fā)模式,極大提高前端開(kāi)發(fā)效率
1 回答WebStorm+FireFox怎么實(shí)現(xiàn)?
1 回答webstorm 支持這個(gè)插件嗎?
1 回答Browsersync可以在.net的環(huán)境下面運(yùn)行嗎,如果可以,怎么運(yùn)行,下面的是我訪問(wèn)的鏈接,已經(jīng)啟動(dòng)了,但是
1 回答browser-sync 代理,具體要怎么實(shí)現(xiàn)呢
1 回答既然DW就可以替代這些東西了,為什么還要付出學(xué)習(xí)成本?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2017-09-03
WebStorm live edit功能與瀏覽器實(shí)現(xiàn)同步實(shí)現(xiàn)步驟
打開(kāi)WebStore的設(shè)置對(duì)話框,找到live?edit選項(xiàng),選中Enable?live?editing。
2.打開(kāi)Chrome瀏覽器,進(jìn)入Chrome網(wǎng)上商店,搜索JetBrains?IDE?Suport擴(kuò)展程序。點(diǎn)擊“添加至Chrome“按鈕,安裝該擴(kuò)展程序到Chrome。這時(shí)候,Chrome瀏覽器工具欄上就會(huì)出現(xiàn)一個(gè)JB圖標(biāo)。注(有時(shí)可能在網(wǎng)上商店里搜索不到,我這里提供了一個(gè)地址:https://chrome.google.com/webstore/detail/jetbrains-ide-support/hmhgeddbohgjknpmjagkdomcpobmllji?)
3.在WebStorm中新建一個(gè)html文件,然后按ALT+F2打開(kāi)瀏覽器選擇浮動(dòng)窗,選Chrome,查看正在編輯的網(wǎng)頁(yè)。
4.切換到WebStorm,修改html/css/JS,然后切換了到Chrome,你會(huì)發(fā)現(xiàn)chrome那邊跟著也變了。如果你覺(jué)得效果還不夠理想,那就并排打開(kāi)WebStorm和Chrome,驚呼So?Cool去吧。
2016-12-01
同問(wèn), 目前我是用gulp + browsersync的方案