Linux Nautilus中用脚本一键打开HTML和CSS配对_石家庄创泽智能科技有限公司

新闻中心 NEWS CENTER

您当前位置：首页 > 新闻中心 > 网络学院

Linux Nautilus中用脚本一键打开HTML和CSS配对

2025-11-14

浏览次数：次

返回列表

答案：通过创建Bash脚本并集成到Nautilus右键菜单，可实现一键同时打开同名HTML和CSS文件。1. 脚本检测选中HTML文件是否存在同目录下同名CSS文件；2. 若存在则调用指定编辑器（如VS Code）同时打开两个文件；3. 需将脚本保存至~/.local/share/nautilus/scripts/目录并赋予执行权限；4. 使用时右键点击HTML文件，在“脚本”菜单中选择对应选项即可触发操作。

linux nautilus中用脚本一键打开html和css配对

在 Linux 的 Nautilus 文件管理器中，可以通过自定义脚本实现一键同时打开配对的 HTML 和 CSS 文件。这个功能特别适合前端开发人员，能快速启动关联文件进行编辑。

创建脚本自动识别并打开 HTML/CSS 配对文件

你可以写一个简单的 Bash 脚本，让它检测当前选中的 HTML 文件是否对应同名的 CSS 文件，并用你喜欢的编辑器（如 VS Code、Gedit 或 Sublime Text）同时打开这两个文件。

示例脚本内容如下：

#!/bin/bash
# 获取选中的文件路径（Nautilus 通过 %F 传入）
selected_file="$1"

# 提取文件所在目录和基础名称
dir=$(dirname "$selected_file")
base=$(basename "$selected_file" .html)

# 构造对应的 CSS 文件路径
css_file="$dir/$base.css"

# 检查是否为 HTML 文件且存在同名 CSS 文件
if [[ "$selected_file" == *.html ]] && [[ -f "$css_file" ]]; then
code "$selected_file" "$css_file" # 使用 VS Code 打开
# gedit "$selected_file" "$css_file" # 或使用 Gedit
fi

将脚本添加到 Nautilus 右键菜单

为了让脚本能出现在右键菜单中，需将其保存到 Nautilus 的脚本目录，并设置可执行权限。

步骤如下：

把上面的脚本保存为 open_html_css.sh
创建脚本目录（如果不存在）：
mkdir -p ~/.local/share/nautilus/scripts
移动脚本进去：
mv open_html_css.sh ~/.local/share/nautilus/scripts/
添加执行权限：
chmod +x ~/.local/share/nautilus/scripts/open_html_css.sh

完成后，在 Nautilus 中右键点击任意 HTML 文件，就会在“脚本”子菜单里看到该选项。

JTBC网站内容管理系统5.0.3.1

JTBC CMS(5.0) 是一款基于PHP和MySQL的内容管理系统原生全栈开发框架，开源协议为AGPLv3，没有任何附加条款。系统可以通过命令行一键安装，源码方面不基于任何第三方框架，不使用任何脚手架，仅依赖一些常见的第三方类库如图表组件等，您只需要了解最基本的前端知识就能很敏捷的进行二次开发，同时我们对于常见的前端功能做了Web Component方式的封装，即便是您仅了解HTML/CSS也