css-X-fire 安装教程

webstrom

firefox浏览器

css-X-fire插件包

介绍：css-X-fire插件是一个css编辑插件，能让你在firebug上面的css调试工作的代码全部反应到实际的代码中

webstorm编辑器中安装插件包：菜单栏file下拉-settings，打开settings界面，选择plugins项

点击Install plugin from disk （从硬盘选择插件安装），在弹窗中找到css-X-fire安装包，点击ok完成安装

安装成功后，会弹出提示，选则是，重启编辑器

此时编辑器会报错，这是因为火狐浏览器中未安装相关插件

webstrom编辑器中插件安装成功后会自动打开css-X-fire的相关页面（如图），点击图示红框区域cssfire.xpi，弹窗选择允许，立即安装开始在火狐浏览器上安装插件。

插件安装成功后，重启火狐跟webstrom，此时在浏览器中修改css样式，在webstorm中点击图示按钮就可以更新到代码里了