HbuilderX怎么設(shè)置代碼自動(dòng)換行?HbuilderX設(shè)置換行步驟以及常用快捷鍵匯總

很多使用HbuilderX做開發(fā)的小伙伴,發(fā)現(xiàn)自己的編輯器代碼不會(huì)自動(dòng)換行看起來(lái)特別別扭,想設(shè)置自動(dòng)換行。安排,下面小編就教你如何設(shè)置!
步驟閱讀

HBuilderX(代碼編輯器)v4.45.2025010502 官方綠色免費(fèi)版
- 類型:編程工具
- 大?。?/span>40.3MB
- 語(yǔ)言:簡(jiǎn)體中文
- 時(shí)間:2025-01-23
方法/步驟
首先打開電腦上的HbuilderX
新建一個(gè)測(cè)試文件(可以發(fā)現(xiàn),當(dāng)代碼超出窗口寬度后,會(huì)有滾動(dòng)條,不會(huì)換行?。?/p>
接下來(lái)我們點(diǎn)擊菜單欄中的【視圖】
在彈出的窗口,點(diǎn)擊勾選上【自動(dòng)換行】
勾選后,我們來(lái)看看效果吧!如圖所示:
方法總結(jié):
1、打開【HbuilderX】
2、新建一個(gè)測(cè)試文件
3、點(diǎn)擊【視圖】
4、點(diǎn)擊【自動(dòng)換行】
5、查看【效果】
注意事項(xiàng)
tips1:新建一個(gè)測(cè)試文件只是為了方便給大家演示,大家可以忽略!
tips2:設(shè)置自動(dòng)換行后,代碼超出窗口寬度將會(huì)自動(dòng)換到下一行!
HbuilderX快捷鍵
鏈接 輸入a,按下tab
加粗 ctrl+B
換行 需要換行的那一行后面加2個(gè)空格(或者按下tab),之后換行,寫下一行即可,兩行顯示的時(shí)候就不會(huì)連在一起了
分割線 hr 按下tab
標(biāo)題 輸入h2,按下Tab
圖片 輸入img,按下tab
代碼區(qū) code +tab
表格 table n* n ,按下tab n為相應(yīng)的行數(shù)與列數(shù)
有序列表 Ctrl+Alt+1 無(wú)序列表 Ctrl+Alt+-
選中文字,按下`~_可以自動(dòng)對(duì)應(yīng)的包圍
選中當(dāng)前行 crtl+l
剪切當(dāng)前行 crtl+x
復(fù)制當(dāng)前行 crtl+c
刪除線 兩個(gè)~~包圍 這是測(cè)試文字
任務(wù)清單未完成ctrl + alt +[ 已完成ctrl + alt + ] 測(cè)試
[ ] md文件學(xué)習(xí)
[x] md 的就看風(fēng)景
多行光標(biāo)crtl+鼠標(biāo)左鍵
當(dāng)前日期 輸入day,按下tab,得在開頭 或者是前面有空格 2019-02-01
當(dāng)前時(shí)間 輸入time,按下tab,得在開頭或者是前面有空格 2019-02-01 23:43:35
互換內(nèi)容 選中2個(gè)選區(qū)后,按Ctrl+Shift+X,可互換選區(qū)內(nèi)容。如無(wú)選區(qū),只是2個(gè)光標(biāo),則互換2行
相關(guān)文章
WebStorm如何調(diào)試Vue項(xiàng)目? webstorm配置vue開發(fā)環(huán)境指南
WebStorm 支持多種調(diào)試工具,包括瀏覽器的開發(fā)者工具,但本文主要講解的是使用 WebStorm 自帶的調(diào)試功能2025-04-15VSCode和webstorm怎么設(shè)置綠色護(hù)眼背景? 綠豆沙背景色的設(shè)置方法
護(hù)眼色一定程度能保護(hù)眼睛,緩解疲勞,VSCode和webstorm這兩款常用的軟件怎么設(shè)置護(hù)眼色呢?詳細(xì)請(qǐng)看下文介紹2025-04-15WebStorm常用插件以及實(shí)用設(shè)置分享
WebStorm本身已經(jīng)足夠強(qiáng)大,但一些優(yōu)秀的插件能錦上添花,顯著提升開發(fā)效率,詳細(xì)請(qǐng)看下文介紹2025-04-15如何安裝配置WebStorm? WebStorm安裝與使用全方位指南
WebStorm軟件在前端和后端開發(fā)領(lǐng)域都備受青睞,很多朋友不知道該怎么下載安裝,下面我們就來(lái)看看詳細(xì)的安裝配置教程2025-04-15Webstorm怎么配置? Webstorm入門之軟件配置教程
WebStorm是一款功能強(qiáng)大的集成開發(fā)環(huán)境(IDE),支持各種前端開發(fā)技術(shù),今天我們就來(lái)看看Webstorm的配置教程2025-04-15Webstorm怎么設(shè)置字體大小/背景顏色/背景圖片?
WebStorm 允許您自定義界面顏色,以創(chuàng)建更個(gè)性化和美觀的工作空間,今天我們就來(lái)看看Webstorm改變字體大小、背景顏色、設(shè)置背景圖片的方法2025-04-15- VScode上安裝PlatformIO插件能成功安裝,嘗試卸載VScode并刪除插件,這些錯(cuò)誤仍然存在,下面我們就來(lái)看看這個(gè)問題的解決辦法2025-04-03
提升代碼搜索效率! VSCode里DeepSeek插件安裝與配置指南
今天我們將向大家介紹如何在Visual Studio Code中安裝并配置 DeepSeek 插件,幫助你更高效地進(jìn)行代碼搜索2025-04-07提升你的編程效率! VSCode的初級(jí)使用教程超詳細(xì)版
VSCode是一款免費(fèi)且開源的代碼編輯器,因其強(qiáng)大的功能和良好的用戶體驗(yàn)而廣受歡迎,本文將詳細(xì)介紹 VSCode 的基本使用方法,并通過(guò)插圖幫助你更好地理解2025-04-03- 今天我們來(lái)聊聊如何安裝和配置VS Code,讓它成為你編程路上的得力助手,這個(gè)過(guò)程其實(shí)很簡(jiǎn)單,只要跟著我的步驟走,你絕對(duì)能搞定2025-04-03