熱更新-自動刷新瀏覽器

1、在Vue、react項目開發中集成了基於webpack的熱更新,使用gulp等構建工具也會有相似熱更新機制。

2、在vscode中可安裝 Live Server插件   建議使用

3、在webstrom系列可安裝Live Edit插件,須要在瀏覽器安裝 JetBrains IDE support   不建議使用

4、使用--Live.js    不建議使用

  1. 官網--http://livejs.com/    github--https://github.com/Q42/LiveJSphp

  2. Live.js是一個插件庫,使用時直接引入html中便可,默認檢測html、css、js,能夠在源文件中配置其餘的文件後綴來檢測好比jsp、php等文件均可以css

  3. 不支持直接打開的file協議文件,須要在編輯器中打開纔有http協議html

  4. 編輯文件後點擊瀏覽器會自動刷新(適用於大部分開發者),在編輯器(idea)中 ctrl+s 後瀏覽器也會自動刷新(適用於分屏的開發者,不須要鼠標去點擊瀏覽器)react

  5. 適用於全局配置的開發環境,部署生產環境時手動註釋便可webpack

  6. 須要配置的話能夠下載到本地引用,不須要配置的話直接引用官網的便可  <script src="http://livejs.com/live.js"></script>git

相關文章
相關標籤/搜索