chrome+webstorm实现实时更新


Edit

chrome+webstorm实现实时更新

chrome插件 JetBrains IDE Support 2.0.7.crx ,百度云的连接http://pan.baidu.com/s/1hssWBBI-
webstorm :这是一个编辑器


  • chrome+webstorm实现实时更新
    • chrome 插件安装
    • 设置webstorm
    • 接下来就可以一边敲代码,一边感受浏览器自动更新你编写的内容了

chrome 插件安装

  1. 打开chrome浏览器,把下载好的插件拖拽置该区域
  2. 点击插件的选项按钮,查看port值,我的是63342
  3. 点击启用
chrome+webstorm实现实时更新_第1张图片chrome+webstorm实现实时更新_第2张图片
chrome+webstorm实现实时更新_第3张图片
chrome+webstorm实现实时更新_第4张图片


设置webstorm
  1. 进入到file –》settings –》build,execution,deployment –》debugger中将选项can accept external connections 勾上
  2. 选中要编写和调试的代码,点击右键选中 Debug‘文件名’


chrome+webstorm实现实时更新_第5张图片

chrome+webstorm实现实时更新_第6张图片

接下来就可以一边敲代码,一边感受浏览器自动更新你编写的内容了
chrome+webstorm实现实时更新_第7张图片



你可能感兴趣的:(chrome+webstorm实现实时更新)