讲师中心 微信公众号

工具推荐

视频效率加速
Laper
Laper

剧本策划到成片协作

剧云
剧云

中文短剧剧本制作平台

updream

一键生成高质量推广成片

AniShort
AniShort

AI短剧协同制作平台

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

风丽小哥_6837

风丽小哥_6837

发布时间:2026-04-15 03:37:25

|

418人浏览过

|

来源于php中文网

原创

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 配合脚本),这点容易被忽略。

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

热门AI工具

更多
函子Zion

一款支持AI搭建、可视化编辑和多端发布的全栈无代码开发平台。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

码上飞
码上飞 Hot

一款基于自然语言的AI应用开发平台,可根据用户描述自动生成应用程序,帮助个人和团队快速完成应用原型与开发。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Laper
Laper Hot

Laper是专为编剧、导演和制片人推出的 AI 原生剧本创作工具。

相关专题

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

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

2315

2023.08.07

json是什么
json是什么

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

3802

2023.08.23

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

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

1256

2023.10.13

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

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

4399

2025.09.10

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

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

3267

2023.10.12

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

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

3073

2025.09.02

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

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

9779

2023.11.02

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

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

80

2026.11.06

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

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

40

2026.11.06

热门下载

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

精品课程

更多
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn