在IntelliJ IDEA上添加浏览器预览

  • 电脑系统:Mac Mini
  • IDE版本:15.0.2
  • 目标:添加Chromium浏览器

    1.点击左上角IntelliJ IDEA按钮
    2.点击Preferences按钮
    3.点击Tools,然后点击Web Browsers
    4.操作流程:点击+,然后生成一个默认的Chrome浏览器,然后点击该浏览器这一行对应的path这一列
    出现如下页面
    选择Applictions/Chromium.app路径即可(app所在路径)
    然后点击该页面ok, 结果如下,修改name那一列为浏览器对应的名称:
    然后修改name那一列为浏览器对应的名称
    5.回到Preferences页面继续点击ok即可添加成功

  • 1
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
IntelliJ IDEA 是一款强大的集成开发环境(IDE),对于前端开发者来说,它的 HTML 预览功能非常有用。要设置自动刷新 HTML 预览,通常可以在编辑器中启用 Live Templates 或者配置 Web Preview 功能。下面是简单的步骤: 1. **Live Templates** (适用于 HTML 文件): - 打开 IntelliJ IDEA,转到 "File" -> "Settings"(Windows/Linux)或 "IntelliJ IDEA" -> "Preferences"(Mac)。 - 在搜索框里输入 "Live Templates",然后选择 "Editor" -> "Live Templates". - 新建一个模板,例如命名为 "refresh", 内容可以是 `<img src="$FilePath$?Refresh">`。 - 将此模板绑定到快捷键,如 `Ctrl+R`,每次编写完代码后按下该快捷键会自动刷新页面。 2. **Web Preview** 功能: - 右键点击你的项目结构中的 HTML 文件,选择 "Run" -> "Edit Configurations"。 - 创建一个新的 "Web Server" 或修改现有配置,勾选 "Use 'Preview on Run'" 选项。 - 设置好服务器的启动参数,例如 "http://localhost:63342/your-project-name/"。 - 运行配置时,HTML 文件会在浏览器中打开并实时更新。 3. **第三方插件**: - 如果内置方法不够满足需求,还可以考虑安装第三方插件,比如 "JetBrains Rider Live Edit" 插件,它可以提供更高级别的实时预览和刷新功能。 记得保存配置并重启 IDE,这样下次启动时就会应用这些设置。如有疑问,可以在 "Help" 中查找更多详细的教程或文档。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值