sublime3安裝外掛實現前端自動重新整理
這兩天倒騰編輯器,atom實在太大了,還是sublime好用
以前一直用sublime2, 然後更新到sublime3, 然後把一些必要的外掛安裝了一下:liveload(自動重新整理);
package control
首先給sublime新增了一個package control的外掛, sublime2和sublime3安裝package control 的方式不同,檢視這裡;
安裝LiveReload
然後通過快捷鍵(ctrl+shift+p), 會出現下面這個介面:選擇%26nbsp;package control : install package%26nbsp;:
%26nbsp; sublime會卡一下:然後又會跳出另外一個輸入框,在輸入框中輸入:liveReload, 然後點選過濾出來的選項, 點選機會安裝livereload;
livereload安裝完畢以後會跳出一個安裝完畢的介面。
enable plugins
接著再選擇Preferences-%26gt;package setting-%26gt;LiveReload-%26gt;Plugins-%26gt;enable/disable plugins ,啟動LiveReload, 然後重新啟動sublime;
瀏覽器安裝LiveReload外掛:
開啟google-chrome的應用中心,搜尋LiveReload, 並把應用新增到chrome:
允許訪問檔案網址
安裝完畢以後,開啟擴充套件程式中心, 把LiveReload的允許訪問檔案網址選項加上:
此時sublime和chrome瀏覽器外掛都安裝好了。
最後一步, 啟用外掛
最後一步是通過sulime選擇在瀏覽器中開啟html檔案, 然後再點選瀏覽器上的外掛按鈕 :
此時按鈕會變成實心的:
如果檢視網頁原始碼,會發現網頁原始碼下被新增了一個script標籤:
現在,只要我們修改對應的html檔案並ctrl+s儲存檔案, 對應的瀏覽器介面會自動重新整理;%26nbsp;
作者:
NONO
出處:http://www.cnblogs.com/diligenceday/
企業網站:http://www.idrwl.com/
開源部落格:http://www.github.com/sqqihao
QQ:287101329
微信:18101055830%26nbsp;
相關文章
- eclipse 手動/自動安裝外掛Eclipse
- Jenkins 自動化安裝外掛Jenkins
- Flutter外掛開發之APK自動安裝FlutterAPK
- 安裝Vim自動補全外掛YouCompleteMe
- web的自動化測試外掛Selenium-IDE外掛的安裝使用WebIDE
- Redmine外掛的安裝與解除安裝,知識庫外掛安裝。
- 實現網頁自動重新整理網頁
- retdec 外掛安裝
- Elasticsearch外掛安裝Elasticsearch
- VIM 外掛安裝
- vim實戰:外掛安裝(Vundle,NerdTree)
- [前端外掛] js返回頂部 效果實現前端JS
- samba實現自動掛載Samba
- PXE實現系統自動化安裝
- 手動實現HTML外掛BeautifyHTML
- intellijIDEA手動安裝Scala外掛IntelliJIdea
- 安信實驗室教你如何實現Windows自動安裝!Windows
- flash外掛怎麼安裝 電腦安裝flash外掛步驟
- ATOM 安裝外掛
- 如何安裝 Vim 外掛
- ubuntu 常用外掛安裝Ubuntu
- php常用外掛安裝PHP
- Sublime安裝PlantUML外掛
- Sublime使用,安裝外掛
- Python 外掛安裝Python
- vim 外掛的安裝
- vim外掛的安裝
- 從零開始實現ASP.NET Core MVC的外掛式開發(四) - 外掛安裝ASP.NETMVC
- jQuery實現的元素抖動外掛jQuery
- jmeter下載安裝及外掛安裝JMeter
- 剛安裝的sublime如何安裝外掛
- Eclipse安裝lombok外掛及外掛使用案例EclipseLombok
- 程式碼自動生成外掛:
- 實現移動端上拉載入和下拉重新整理的vue外掛(mescroll.js)VueJS
- win10自帶瀏覽器能裝外掛嗎 win10自帶瀏覽器怎麼安裝外掛Win10瀏覽器
- 安裝Maltego預設外掛Go
- 如何給Wordpress安裝外掛
- Sublime 安裝外掛不生效