phpstorm live Edit 自动刷新html、js、css设置

最新推荐文章于 2023-12-21 20:21:39 发布
最新推荐文章于 2023-12-21 20:21:39 发布
阅读量7.6k 收藏 3
点赞数
分类专栏： IDE 文章标签： phpstorm live edit livereload chrome debug
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012906135/article/details/54924843
版权
本文介绍了如何在PHPStorm中设置Live Edit功能，通过安装插件并启用debug模式，实现在Chrome浏览器中实时预览和编辑PHP、HTML、CSS和JavaScript代码的效果。
摘要由CSDN通过智能技术生成

PHPSTORM的设置：

Ctrl +Shift + A 呼唤出这个搜索界面，搜索plugin关键词，选择下图箭头指向回车进入设置

重启IDE

Chrome浏览器设置：

https://chrome.goog

最低0.47元/天 解锁文章
米克斯
关注
专栏目录
phpStorm中使用模板快速创建html基本网页代码
beeblecn的博客
10-13 2390
方法一：在php文件中生成基本网页代码 1、在xxx.php空文件中输入html:5 2、按tab键即可添加基本网页代码了 方法二：在xxx.html文件中添加基本的网页代码 1、对准要添加的文件夹，右键依次选择新家html文件 2、在新建对话框中输入文件名，选择html文件版本（这里选择的是html5），然后按回车键即可生成 ...
利用LiveReload 和 phpstorm等开发工具自动刷新浏览器
Make
07-20 452
1、下载chrome插件 2、点击livereload详细信息 3、点击允许访问文件网址 4、下载livereload客户端livereload 5、将要自动刷新的文件目录加到livereload 6、先打开要访问的页面，点击livereload的chrome插件，表示开始监控这个页面 ...
PHPstorm-快速生成HTML
扣脚老骚
06-28 1303
php文件快速生成HTML 输入一个！再按下tab nice！
phpstorm：我的php设置库
02-14
1. **代码智能提示**：phpstorm提供强大的代码补全功能，包括对PHP、HTML、CSS、JavaScript等语言的支持，能帮助快速编写代码。 2. **代码分析**：内置的静态代码分析器能检查代码质量，发现潜在错误和不符合编码...
PhpStorm 常用设置和快捷键总结，持续更新~
热门推荐
hello world!
08-31 2万+
常用设置： 去掉波浪线: settings -> Editor -> Colors & Fonts -> General -> TYPO->Effects 显示行号: settings -> Editor->Appearance->Show line numbers  去掉右上角浏览器图标: settings -> tools -> WebBrowsers
PHP集成开发工具：PhpStorm 2019 for mac
yjh66666的博客
07-12 1362
PhpStorm 2019 mac破解版是最新更新的PHP集成开发工具，支持联网使用！！它提供了必不可少的工具，如自动化重构，代码分析，联机错误检查和快速修复。PhpStorm是一个实际“获取”你的代码的PHP IDE。它支持PHP 5.3 / 5.4 / 5.5 / 5.6 / 7.0 / 7.1 / 7.2，提供即时错误预防，最佳自动完成和代码重构，零配置调试以及扩展的HTML，CSS和Jav...
PhpStorm 2019 for mac(PHP集成开发工具) 2019.1.3中文激活版
yjh66666的博客
07-05 6038
PhpStorm 2019 mac破解版是最新更新的PHP集成开发工具，支持联网使用！！它提供了必不可少的工具，如自动化重构，代码分析，联机错误检查和快速修复。PhpStorm是一个实际“获取”你的代码的PHP IDE。它支持PHP 5.3 / 5.4 / 5.5 / 5.6 / 7.0 / 7.1 / 7.2，提供即时错误预防，最佳自动完成和代码重构，零配置调试以及扩展的HTML，CSS和Jav...
现场CSS编辑器「Live CSS Editor」-crx插件
03-09
在devtools中实时预览css的变化 实时预览css变化 1.按`F12`进入开发模式 2.切换标签到`Elements` 3.将子选项卡切换到“LiveCSS”Live 4.在编辑器中开始编辑CSS 5.享受改变 支持语言:English
在phpstorm中快速生成html模版
little_spice的博客
06-02 9060
有两种方法 1.直接创建一个html文件 他会生成一个html文件的模版，注意此文件是html文件 效果如下： 如果我们想快速生成html模版并且不想要html文件呢？比如我想要用php文件快速生成html模版，可用如下方法。 2.输入 html:5 再按一个tab键 按下Tab键后： emmm，舒服的雅痞~~~~ >.< ...
phpstorm自动补全html,phpstorm使用zen coding 快速编辑补全html/css代码
weixin_39992199的博客
06-03 1009
百科定义：使用仿CSS选择器的语法来快速开发HTML和CSS ——由Sergey Chikuyonok开发。Zen Coding由两个核心组件组成：一个缩写扩展器(缩写为像CSS一样的选择器)和上下文无关的HTML标签对匹配器。类型列表1、元素名称2、元素#ID3、元素.样式名4、元素>子元素5、元素+平级兄弟元素6、元素*N批量倍增7、元素$*N条目编号如何使用？输入规则后，在最后一个字符...
phpstorm html插件安装,phpstorm怎么安装插件
weixin_39866087的博客
06-22 547
进入 File -> Settings -> Plugins -> Browse repositories ，搜索你想要安装的插件。推荐几个常用插件.env files support可以在env函数使用是提示.env文件中所有的key值的自动完成功能Markdown support在编写.md文件时有预览的功能PHP composer.json support在做php组件开发...
PhpStorm插件之CodeGlance
weixin_30641465的博客
05-10 709
安装插件 File->Setting->Pluugins 搜索CodeGlance 如何使用 安装完插件后，RESTART IDE，随便打开一个文件都可看到效果 转载于:https://www.cnblogs.com/yulongcode/p/10847367.html...
【PHP、插件】PHPstorm必备插件推荐
最新发布
不纯正的逼格的专栏
12-21 1694
1、.env files support 对.env 文件的支持 2、 .ignore 对.ignore 文件的支持 3、 Ideolog 对 .log 文件的支持 4、 Chinese (Simplified) Language Pack / 中文语言包 官方版中文语言包 | 汉化语言包 5、 Git 对Git的支持 6、 GitToolBox 支持在文件中展示当前代码最后的提交信息 7、 PHP Annota
PHPstorm必备插件推荐
LordForce的博客
05-01 1万+
PHP优质插件推荐
PhpStorm 2023年下载、安装教程和好用插件，保姆级教程
stormjun的博客
09-17 1万+
phpstorm是一个非常强大的全栈开发工具,还包含了webstorm的全部功能，更能够支持php代码。phpstorm的功能挺多的，比如智能代码补全，快速导航以及即时错误检查…我学php一开始是用HBuilder X和VScode写的，但是随着学习渐渐觉得这两个编辑器慢慢不能满足我一些需求，最近入手的phpStorm，下面介绍如何安装以及使用。
最简单的livereload安装配置方法
keifer的专栏
03-07 7524
昨天知道了前段开发神器 livereload ，可以在你编辑完文件后再浏览器上自动刷新，简直是方便！但是网上教程稍微有些复杂，跟着折腾也弄好了，不过我还找到一个更加方便的方法！ 注：我是在ubuntu系统 原文地址：npm-livereload 首先安装浏览器插件，livereload chrome网上应用商店（推荐使用 chrome 浏览器） 安装之后记得在
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值