HbuilderX怎么设置代码自动换行?HbuilderX设置换行步骤以及常用快捷键汇总
很多使用HbuilderX做开发的小伙伴,发现自己的编辑器代码不会自动换行看起来特别别扭,想设置自动换行。安排,下面小编就教你如何设置!
步骤阅读
方法/步骤
首先打开电脑上的HbuilderX

新建一个测试文件(可以发现,当代码超出窗口宽度后,会有滚动条,不会换行!)

接下来我们点击菜单栏中的【视图】

在弹出的窗口,点击勾选上【自动换行】

勾选后,我们来看看效果吧!如图所示:

方法总结:
1、打开【HbuilderX】
2、新建一个测试文件
3、点击【视图】
4、点击【自动换行】
5、查看【效果】
注意事项
tips1:新建一个测试文件只是为了方便给大家演示,大家可以忽略!
tips2:设置自动换行后,代码超出窗口宽度将会自动换到下一行!
HbuilderX快捷键
链接 输入a,按下tab
加粗 ctrl+B
换行 需要换行的那一行后面加2个空格(或者按下tab),之后换行,写下一行即可,两行显示的时候就不会连在一起了
分割线 hr 按下tab
标题 输入h2,按下Tab
图片 输入img,按下tab
代码区 code +tab
表格 table n* n ,按下tab n为相应的行数与列数
有序列表 Ctrl+Alt+1 无序列表 Ctrl+Alt+-
选中文字,按下`~_可以自动对应的包围
选中当前行 crtl+l
剪切当前行 crtl+x
复制当前行 crtl+c
删除线 两个~~包围 这是测试文字
任务清单未完成ctrl + alt +[ 已完成ctrl + alt + ] 测试
[ ] md文件学习
[x] md 的就看风景
多行光标crtl+鼠标左键
当前日期 输入day,按下tab,得在开头 或者是前面有空格 2019-02-01
当前时间 输入time,按下tab,得在开头或者是前面有空格 2019-02-01 23:43:35
互换内容 选中2个选区后,按Ctrl+Shift+X,可互换选区内容。如无选区,只是2个光标,则互换2行
相关文章

WebStorm如何调试Vue项目? webstorm配置vue开发环境指南
WebStorm 支持多种调试工具,包括浏览器的开发者工具,但本文主要讲解的是使用 WebStorm 自带的调试功能2025-04-15
VSCode和webstorm怎么设置绿色护眼背景? 绿豆沙背景色的设置方法
护眼色一定程度能保护眼睛,缓解疲劳,VSCode和webstorm这两款常用的软件怎么设置护眼色呢?详细请看下文介绍2025-04-15
WebStorm本身已经足够强大,但一些优秀的插件能锦上添花,显著提升开发效率,详细请看下文介绍2025-04-15
如何安装配置WebStorm? WebStorm安装与使用全方位指南
WebStorm软件在前端和后端开发领域都备受青睐,很多朋友不知道该怎么下载安装,下面我们就来看看详细的安装配置教程2025-04-15
Webstorm怎么配置? Webstorm入门之软件配置教程
WebStorm是一款功能强大的集成开发环境(IDE),支持各种前端开发技术,今天我们就来看看Webstorm的配置教程2025-04-15
WebStorm 允许您自定义界面颜色,以创建更个性化和美观的工作空间,今天我们就来看看Webstorm改变字体大小、背景颜色、设置背景图片的方法2025-04-15
VScode上安装PlatformIO插件能成功安装,尝试卸载VScode并删除插件,这些错误仍然存在,下面我们就来看看这个问题的解决办法2025-04-03
提升代码搜索效率! VSCode里DeepSeek插件安装与配置指南
今天我们将向大家介绍如何在Visual Studio Code中安装并配置 DeepSeek 插件,帮助你更高效地进行代码搜索2025-04-07
VSCode是一款免费且开源的代码编辑器,因其强大的功能和良好的用户体验而广受欢迎,本文将详细介绍 VSCode 的基本使用方法,并通过插图帮助你更好地理解2025-04-03
今天我们来聊聊如何安装和配置VS Code,让它成为你编程路上的得力助手,这个过程其实很简单,只要跟着我的步骤走,你绝对能搞定2025-04-03







最新评论