杰瑞科技汇

editplus使用教程

EditPlus 使用教程:从入门到精通

EditPlus 是一款功能强大的文本编辑器,尤其在 Windows 平台上深受程序员和网页设计师的喜爱,它轻量、快速,并且通过丰富的插件和自定义功能,可以媲美甚至超越许多大型 IDE(集成开发环境)。

本教程将分为以下几个部分:

  1. 初识 EditPlus:了解界面和基本操作。
  2. 核心功能详解:掌握语法高亮、代码折叠、自动补全等核心功能。
  3. 高级功能与效率技巧:使用正则表达式、宏、工具等大幅提升效率。
  4. 自定义与配置:打造属于你自己的个性化编辑器。
  5. 常见问题与总结

第一部分:初识 EditPlus

1 界面概览

启动 EditPlus 后,你会看到以下主要区域:

  • 菜单栏:所有功能的入口,包括文件、编辑、搜索、视图等。
  • 工具栏:常用功能的快捷按钮,如新建、打开、保存、运行等。
  • 标签栏:打开多个文件时,每个文件都会有一个标签,方便切换。
  • 编辑区:核心区域,用于输入和编辑代码。
  • 状态栏:位于窗口最下方,显示当前光标位置、行号、列号、文件编码、当前语法模式等信息。
  • 侧边栏:默认情况下可能不显示,可以用来显示文件列表或剪贴板历史。

2 基本文件操作

  • 新建文件Ctrl + N 或点击工具栏的“新建”图标。
  • 打开文件Ctrl + O 或点击工具栏的“打开”图标。
  • 保存文件Ctrl + S
  • 另存为F12,可以更改文件名、位置和编码。
  • 关闭文件Ctrl + W 或点击标签栏的 x 按钮。

3 编码设置(非常重要!)

EditPlus 默认使用 ANSI 编码,这在处理中文等非英文字符时会出现乱码。强烈建议你将默认编码设置为 UTF-8

如何设置默认编码?

  1. 进入菜单 工具 -> 首选项
  2. 在弹出的窗口中,选择“文件”选项卡。
  3. 在“默认编码”下拉菜单中,选择 UTF-8
  4. 勾选 UTF-8 BOM,BOM (Byte Order Mark) 可以帮助某些程序(如浏览器)正确识别文件编码,对于 HTML 和 CSS 文件,推荐开启;对于纯 PHP 或 JavaScript 文件,则根据项目要求决定。

第二部分:核心功能详解

1 语法高亮与代码折叠

  • 语法高亮:EditPlus 内置了对 HTML, CSS, JavaScript, PHP, Python, C++, Java 等数十种语言的支持,它会根据你文件的扩展名自动应用相应的语法高亮颜色,让代码更易读。
  • 代码折叠:对于长文件,可以折叠(隐藏)不需要查看的代码块,如函数、类、注释等,使结构更清晰。
    • 操作方法:点击代码行号左侧的 / 图标,或者使用快捷键 Ctrl + NumPad +/- (需要 NumPad 键盘)。

2 自动补全

这是 EditPlus 提升编码效率的关键功能之一。

  • 单词自动补全:在编辑区输入一个单词的前几个字母,然后按 Ctrl + Space,EditPlus 会弹出提示框,列出以你输入内容开头的单词(包括当前文件中的所有单词),你可以用方向键选择,然后按 Enter 确认。
  • 代码片段/模板补全:对于一些固定的代码结构(如 if-else 循环、HTML 标签对),可以使用模板补全。
    • 例如:输入 html,然后按 Ctrl + Space,可以选择插入完整的 HTML5 文档结构。
    • 如何自定义模板?
      1. 工具 -> 配置用户工具
      2. 选择“片段”选项卡。
      3. 点击“添加”,输入缩写(如 html5)和对应的代码模板。

3 代码提示与函数列表

  • 代码提示:在编辑 HTML 或 CSS 时,输入 < 或 后,EditPlus 会智能提示可用的标签或 CSS 属性。
  • 函数列表:对于大型文件,快速定位函数非常方便。
    1. 确保你的文件语法被正确识别(状态栏会显示)。
    2. 进入菜单 视图 -> 函数列表
    3. 一个侧边栏会出现,列出当前文件中的所有函数和类定义,点击列表项,光标会自动跳转到对应位置。

第三部分:高级功能与效率技巧

1 查找与替换

EditPlus 的查找功能非常强大,支持正则表达式。

  • 普通查找Ctrl + F
  • 在文件中查找Ctrl + Shift + F,可以指定一个目录,EditPlus 会递归搜索该目录下所有匹配的文件。
  • 替换Ctrl + H
  • 正则表达式:在查找/替换对话框中,勾选“正则表达式”选项。
    • 常用元字符
      • : 匹配任意单个字符。
      • : 匹配前面的表达式零次或多次。
      • : 匹配前面的表达式一次或多次。
      • : 匹配前面的表达式零次或一次。
      • ^ : 匹配行的开始。
      • : 匹配行的结束。
      • [] : 匹配括号内的任意一个字符([a-z] 匹配任意小写字母)。
      • \d : 匹配任意数字,等同于 [0-9]
    • 示例:将所有 <h1> 标签替换为 <h2>
      • <h1>(.*?)</h1>
      • <h2>$1</h2>
      • 勾选“正则表达式”和“区分大小写”,这里的 是一个非贪婪匹配,$1 代表第一个括号 匹配到的内容。

2 宏

宏可以记录你的操作步骤,然后一键回放,非常适合执行重复性的任务。

  • 如何录制宏?
    1. 工具 -> 记录宏
    2. 执行你想要记录的一系列操作(输入一段固定的注释、格式化代码等)。
    3. 操作完成后,工具 -> 停止录制宏
    4. 工具 -> -> 保存宏...,给你的宏起个名字并保存。
  • 如何运行宏?
    • 工具 -> ,选择你保存的宏即可运行。

3 运行工具(一键编译/运行)

这是 EditPlus 作为轻量级 IDE 的精髓,你可以配置命令,让 EditPlus 一键编译代码、运行程序或在浏览器中打开网页。

示例1:配置 HTML 文件在浏览器中打开

  1. 工具 -> 配置用户工具
  2. 点击“添加工具” -> 程序
  3. 菜单文字:输入你希望在菜单中看到的名字,如“在 Chrome 中打开”。
  4. 命令:点击“浏览”,找到你的浏览器可执行文件路径(C:\Program Files\Google\Chrome\Application\chrome.exe)。
  5. 参数:这里是关键,输入 "$(FilePath)",这个变量代表当前正在编辑的文件的完整路径,用引号括起来可以防止路径中包含空格导致错误。
  6. 初始目录:输入 $(FileDir),这个变量代表文件所在的目录。
  7. 勾选“捕获输出”(如果需要查看控制台输出)。
  8. 点击“确定”。

在编辑 HTML 文件时,右键点击,你就能看到“在 Chrome 中打开”选项,点击即可预览。

示例2:配置 PHP 文件运行

  1. 同样在 配置用户工具 中添加一个“程序”。
  2. 菜单文字运行 PHP
  3. 命令:你的 PHP 安装路径下的 php.exeC:\php\php.exe)。
  4. 参数"$(FilePath)"
  5. 初始目录$(FileDir)
  6. 勾选“捕获输出”,这样你就能在 EditPlus 的输出窗口看到 PHP 的执行结果或错误信息。

4 FTP/SFTP 功能

EditPlus 内置了 FTP/SFTP 客户端,可以直接远程编辑服务器上的文件,无需下载上传。

  1. 文件 -> 打开远程 FTP/SFTP 站点...
  2. 点击“添加”,配置你的 FTP/SFTP 信息:站点名称、主机、用户名、密码、端口等。
  3. 保存后,下次就可以直接从列表中选择站点连接。
  4. 连接后,你会看到一个类似资源管理器的窗口,可以直接拖拽文件进行上传下载,双击文件会自动下载到本地临时目录并打开,保存后会自动上传回服务器。

第四部分:自定义与配置

1 修改快捷键

如果你觉得默认快捷键不顺手,可以自定义。

  1. 工具 -> 首选项
  2. 选择“快捷键”选项卡。
  3. 在列表中找到你想要修改的功能,点击,然后按下你想要设置的新快捷键。

2 自定义工具栏

你可以向工具栏添加你常用的功能按钮。

  1. 在工具栏上右键,选择“自定义”。
  2. 在弹出的窗口中,你可以从左侧的“类别”中拖动命令到右侧的工具栏上。

3 配置文件类型

你可以为特定类型的文件(.less.vue)指定语法高亮和自动缩进。

  1. 工具 -> 首选项
  2. 选择“文件”选项卡。
  3. 点击“扩展名...”,在“扩展名”栏输入你的文件后缀(如 less),在“语法”下拉菜单中选择对应的语法模式(如 CSS)。

第五部分:常见问题与总结

1 常见问题

  • Q: 中文显示乱码怎么办?

    • A: 首先检查文件编码是否为 UTF-8,打开文件后,可以通过 文件 -> 另存为,在下方的编码选项中尝试选择不同的编码(如 UTF-8, GBK)来重新保存。
  • Q: 如何让 EditPlus 像 VS Code 一样显示空格和制表符?

    • A: 工具 -> 首选项 -> 显示,勾选“显示空格”和“显示制表符”。
  • Q: 如何安装插件?

    • A: EditPlus 的插件系统不如 VS Code 开放,主要通过安装 .epu 文件,将下载的 .epu 文件复制到 EditPlus 的安装目录下的 Plugins 文件夹中,然后重启 EditPlus 即可,常见的插件有颜色选择器、代码片段库等。

EditPlus 是一款“小而美”的编辑器,它的强大之处在于其高度的可定制性和对开发者友好的功能集。

学习路径建议:

  1. 入门:先熟悉界面、基本操作和 UTF-8 编码设置
  2. 核心:掌握 语法高亮、代码折叠、自动补全,这是日常编码的基础。
  3. 效率:学习 查找替换(尤其是正则表达式)配置运行工具,这会让你事半功倍。
  4. 精通:探索 宏、FTP 功能和深度自定义,将 EditPlus 打造成完全符合你工作流的利器。

希望这份教程能帮助你更好地使用 EditPlus,享受高效、流畅的编码体验!

分享:
扫描分享到社交APP
上一篇
下一篇