1. 程式人生 > >實現前端實時可視化開發7.13

實現前端實時可視化開發7.13

get 命令 tar mooc sta node 運行命令 ron 環境

工具:liveReload,browserSync

開發軟件:Sublime Text3(速度快,功能強大)

學習路線:

  1. 慕課網學習工具:https://www.imooc.com/learn/718
  2. 下載並配置node.js環境(path添加路徑):https://nodejs.org/en/
  3. npm包管理器(node.js command prompt)下載模塊(根據browserSync官網:http://www.browsersync.cn/)
  4. 下載Sublime Text3:http://www.sublimetext.com/
  5. Sublime Text3下載常用插件教程:https://blog.csdn.net/mazegong/article/details/78859502

操作:

  • 啟動browserSync:在node.js command prompt 轉換到開發項目的根目錄下然後運行命令:browser-sync start --server --files "*"
  • 啟動liveReload:在瀏覽器啟動liveReload插件,在sublime運行liveReload插件:enable pulgins(Enable - Simple Reload)

實現前端實時可視化開發7.13