Atom如何使用Wrap Guide?Atom代码列宽参考线设置教程

风丽小哥_6837

风丽小哥_6837

2026-04-15

398人浏览

原创

Atom的wrap-guide插件默认禁用,需在Settings→Install中搜索并启用;启用后须配置editor.preferredLineLength(如80)和wrap-guide.columns: [80],且需重启或重载窗口才生效。

atom如何使用wrap guide?atom代码列宽参考线设置教程

Atom 的 wrap-guide 插件默认已内置,但不会自动显示——必须手动启用并配置列宽,否则你看到的只是“没反应”。

如何确认 wrap-guide 已启用

Atom 1.0+ 版本自带 wrap-guide,但默认处于禁用状态。打开设置(Atom → Preferences 或 Ctrl+,),左侧选 Install,在搜索框输入 wrap-guide,检查其右侧是否显示 Enabled。若显示 Disable,说明已启用;若显示 Enable,点它激活。

  • 禁用状态时,即使设置了 editor.preferredLineLength,也不会出现竖线
  • 启用后不立即生效,需重启编辑器或切换一次文件标签页
  • 某些主题(如 one-dark-ui)可能让参考线颜色过淡,需后续调色

设置列宽数值:改哪里?

列宽由两个独立配置项共同决定:editor.preferredLineLength 控制位置,wrap-guide.columns 控制是否按该值显示。前者是编辑器级设置(影响软换行、linter 提示等),后者是 wrap-guide 插件专属开关。

  • 推荐在 Atom → Config...(即 config.cson)中添加:
"editor":
  "preferredLineLength": 80
"wrap-guide":
  "columns": [80]
  • columns 必须是数组,即使只设一个值也要写成 [80],写成 80 或 "80" 都无效
  • 若想在不同语言中用不同宽度(如 Python 用 79,JSON 用 120),需配合 language-specific-configs,但 wrap-guide 本身不支持语言级 column 切换
  • 参考线不显示?常见原因和验证步骤

    最常踩的坑不是配置错,而是“以为配置了就该立刻出现”。先做三件事快速定位:

    • 打开一个纯文本文件(如 .txt),输入超长行(>100 字符),看是否有竖线——排除语法高亮或语言包干扰
    • 检查当前主题是否隐藏了 guide:临时切换到 atom-light 主题,再试
    • 运行 Window: Reload(Ctrl+Alt+R),而不是仅关闭重开窗口——插件配置有时需热重载
    • 终端里执行 apm list --installed | grep wrap,确认输出含 wrap-guide@*,避免被误删

    颜色和样式能自定义吗?

    不能通过设置界面调,但可直接改 styles.less(Atom → Styles... )。参考线本质是伪元素 ::after,CSS 选择器为 .wrap-guide。

    • 加粗/变红示例:
    .wrap-guide {
      border-left: 2px solid #ff4444 !important;
    }
    
  • 注意加 !important,否则被主题 CSS 覆盖
  • 改完保存,无需重启,样式即时生效
  • 不建议改透明度或虚线——部分 Atom 版本对 border-style: dashed 渲染异常,导致断续或消失
  • 真正麻烦的是:当你在多个项目间切换,而每个项目要求不同列宽(比如团队规范分别是 80 / 100 / 120),wrap-guide 没有项目级配置能力,只能靠手动切 config.cson 或用第三方包(如 project-manager 配合脚本),这点容易被忽略。

    PHP速学视频免费教程(入门到精通)
    PHP速学视频免费教程(入门到精通)

    PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

    下载

    相关标签:

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    json数据格式
    json数据格式

    JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

    2023.08.07

    2315

    5

    json是什么
    json是什么

    JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

    2023.08.23

    3802

    1

    jquery怎么操作json
    jquery怎么操作json

    操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

    2023.10.13

    1256

    3

    go语言处理json数据方法
    go语言处理json数据方法

    本专题整合了go语言中处理json数据方法,阅读专题下面的文章了解更多详细内容。

    2025.09.10

    4399

    7

    Sass和less的区别
    Sass和less的区别

    Sass和less的区别有语法差异、变量和混合器的定义方式、导入方式、运算符的支持、扩展性等。本专题为大家提供Sass和less相关的文章、下载、课程内容,供大家免费下载体验。

    2023.10.12

    3267

    5

    html边框设置教程
    html边框设置教程

    本教程将带你全面掌握HTML/CSS边框设置,从基础的border属性讲起,涵盖所有边框样式、圆角设置及高级技巧,帮助你快速上手实现各种边框效果。

    2025.09.02

    3073

    11

    c语言编程软件有哪些
    c语言编程软件有哪些

    c语言编程软件有GCC、Clang、Microsoft Visual Studio、Eclipse、NetBeans、Dev-C++、Code::Blocks、KDevelop、Sublime Text和Atom。更多关于c语言编程软件的问题详情请看本专题的文章。php中文网欢迎大家前来学习。

    2023.11.02

    9779

    18

    Postman身份认证怎么配置
    Postman身份认证怎么配置

    本专题从实际API接口调试场景出发,讲解Postman身份认证的完整配置流程,包括常见认证协议介绍、授权参数设置、访问令牌填写、OAuth 2.0授权及认证失败排查,帮助用户正确完成接口授权与访问验证。

    2026.11.06

    80

    12

    Postman请求头Headers怎么设置
    Postman请求头Headers怎么设置

    围绕Postman HTTP请求头配置展开,讲解Headers选项的具体使用方式,包括Key和Value参数填写、请求头信息添加、常见Header字段设置及请求头修改方法,帮助用户解决接口调试过程中遇到的请求头配置问题。

    2026.11.06

    40

    13

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    热门推荐
    /
    最新课程
    phpStudy极速入门视频教程
    phpStudy极速入门视频教程

    共6课时 | 54.7万人学习

    独孤九贱(4)_PHP视频教程
    独孤九贱(4)_PHP视频教程

    共89课时 | 134.3万人学习