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;
相關文章
- Jenkins 自動化安裝外掛Jenkins
- Flutter外掛開發之APK自動安裝FlutterAPK
- ATOM 安裝外掛
- retdec 外掛安裝
- Elasticsearch外掛安裝Elasticsearch
- vim實戰:外掛安裝(Vundle,NerdTree)
- VSCode修改外掛的安裝啟動位置VSCode
- PXE實現系統自動化安裝
- [前端外掛] js返回頂部 效果實現前端JS
- flash外掛怎麼安裝 電腦安裝flash外掛步驟
- 手動實現HTML外掛BeautifyHTML
- 安信實驗室教你如何實現Windows自動安裝!Windows
- 安裝Jenkins常用外掛Jenkins
- VS Code外掛安裝
- eclipse 安裝svn外掛Eclipse
- ubuntu 常用外掛安裝Ubuntu
- 如何安裝 Vim 外掛
- php常用外掛安裝PHP
- IDEA安裝Scala外掛Idea
- Sublime安裝PlantUML外掛
- Eclipse安裝lombok外掛及外掛使用案例EclipseLombok
- 從零開始實現ASP.NET Core MVC的外掛式開發(四) - 外掛安裝ASP.NETMVC
- 安裝ps 並安裝免費外掛
- 剛安裝的sublime如何安裝外掛
- jmeter下載安裝及外掛安裝JMeter
- win10自帶瀏覽器能裝外掛嗎 win10自帶瀏覽器怎麼安裝外掛Win10瀏覽器
- 【Visual Studio】安裝SVN外掛
- 安裝 ComfyUI-Crystools 外掛UI
- Jenkins外掛安裝失敗Jenkins
- Sublime 安裝外掛不生效
- 如何給Wordpress安裝外掛
- Jenkins 安裝外掛慢,提速Jenkins
- 安裝Maltego預設外掛Go
- 安裝nginx-kafka外掛NginxKafka
- VScode一鍵安裝外掛VSCode
- Chrome安裝json view外掛ChromeJSONView
- Atom安裝炫酷外掛
- vim外掛 NERDTree安裝使用
- Eclips中安裝Git 外掛Git