Atom 編輯器實現HTML實時預覽

2021-08-18 00:19:56 字數 516 閱讀 1166

在編輯框中按ctrl + shift + m可以開啟原生預覽。(不帶css樣式)

已經不需要像之前網上說的要修改快捷鍵了

呼叫快捷鍵:ctrl+shift+alt+r

在atom內開啟瀏覽器

在atom外開啟瀏覽器寫個gulp 任務跑 livereload外掛程式,需要架成http。

不會gulp可以入門:

使用browser-sync

browser-sync start --server -files 「/.html,/.css」

寫在最後,既然你考慮選擇atom,那麼就要一試到底,學習某個ide操作的時間成本是很高的,千萬不要三心二意。

Atom編輯器 嘗試

最初的原因是因為csdn自帶的markdown編輯器不好用,尤其是顯示的字型特別小。在網上找解決方法,發現markdown編輯器是可以自帶字型設定 的。size 5 color green 字型為5的綠色文字font 效果如下 字型為5的綠色文字 因為 比較多,我又比較懶,所以就打算找乙個可以方便快...

Github開源編輯器Atom

atom是github社群開發的一款開源編輯器,很有sublime text特色,相當於開源的sublime text。sublime text用了很長時間了,為什麼會重新學習使用另外一款編輯器呢?原因很簡單,atom是開源的,免費的。雖然說網上有很多sublime text的註冊碼,但是,盜版終歸...

Atom使用Markdown編輯器

atom自帶的markdown預覽外掛程式markdown preview功能比較簡單,markdown preview plus對其做了功能擴充套件和增強。支援實時預覽。ctrl shift m 支援latex公式。ctrl shift x 如果使用搜狗輸入法,可能在使用ctrl shift m會...