如何在IntelliJ中实现本地生成HTML文件的自动预览？

场景1：你是基于IntelliJ平台开发插件/执行IDE内置脚本 #

直接调用IDE公开的文件操作API即可实现你要的效果，可直接和你现有代码衔接：

import com.intellij.openapi.fileEditor.FileEditorManager
import com.intellij.openapi.vfs.LocalFileSystem

// 你的原有生成逻辑
file = localFile.create('test.html')
file.writeString(str(html))

// 新增自动打开文件逻辑
def targetVf = LocalFileSystem.instance.findFileByIoFile(file)
if (targetVf) {
    // 第二个参数传true会自动聚焦到新打开的标签页
    FileEditorManager.instance(project).openFile(targetVf, true)
}

如果你需要直接打开预览而非源代码标签页，安装官方内置的「HTML Preview」插件后，调用以下API即可：

import com.intellij.openapi.fileEditor.OpenFileDescriptor
import com.intellij.html.preview.HtmlPreviewFileEditorProvider

// 接上面生成文件的逻辑
def descriptor = new OpenFileDescriptor(project, targetVf)
FileEditorManager.instance.openEditor(descriptor, true, HtmlPreviewFileEditorProvider.instance)

场景2：你只是普通项目开发，要给本地生成的HTML加自动打开能力 #

不需要写插件代码，通过配置就能实现接近的效果：

• 首先确认你已经安装IntelliJ官方内置的「HTML Preview」插件
• 右键你的HTML文件，选择 打开方式 -> HTML预览，勾选「对*.html文件应用」，后续所有HTML文件默认打开就会是预览页面
• 生成文件后按快捷键Ctrl+E（Windows/Linux）/Cmd+E（Mac）唤起最近文件面板，输入文件名就能秒开，不需要手动找目录

注意事项 #

• 如果你的HTML文件生成在项目内容根目录以外，需要先将存放目录添加到项目的模块内容根中，否则IDE无法识别到文件，不能直接调用打开API
• 部分社区版IntelliJ可能没有内置HTML预览插件，可到插件市场搜索安装同名免费插件

内容的提问来源于stack exchange，提问作者Qiang Yao