HBuilderX

編輯器。

HBuilderX軟件特色

1、輕巧

僅10M的綠色發(fā)行包

2、極速

HBuilderX不管是啟動(dòng)速度、大文檔打開(kāi)速度、編碼提示，都會(huì)極速響應(yīng)

3、清爽護(hù)眼

HBuilderX界面清爽簡(jiǎn)潔，綠柔主題經(jīng)過(guò)科學(xué)的腦疲勞測(cè)試，是最適合人眼長(zhǎng)期觀看的主題界面

4、無(wú)鼠標(biāo)操作

掌握HBuilderX的無(wú)鼠標(biāo)操作體系，成為高效極客，飛一般編碼

5、markdown優(yōu)先

HBuilderX是唯一一個(gè)新建文件默認(rèn)類(lèi)型是md的編輯器。

除了頂尖的markdown編寫(xiě)體驗(yàn)、漂亮的著色外，HX的極速啟動(dòng)、多標(biāo)簽、熱退出、各種快捷鍵操作，都給了你充足的理由升級(jí)記事本工具。

HBuilderX安裝方法

1、在本站下載HBuilderX軟件包后，在電腦本地得到一個(gè)壓縮包，使用360壓縮軟件解壓。

2、解壓完成后，點(diǎn)擊.exe文件就可以打開(kāi)軟件。

HBuilderX使用方法

HBuilderX怎么運(yùn)行

1、打開(kāi)在本站下載好的HBuilderX軟件，打開(kāi)軟件后點(diǎn)擊軟件頂部的【文件】選項(xiàng)，在彈出的選擇中點(diǎn)擊【新建】，選您要新建的文件.JS，HTML，CSS等您可以自行選擇。

2、小編選擇的是HTML文件，點(diǎn)擊HTML文件選項(xiàng)，會(huì)彈出新建HTML文件窗口，選擇【含mui的HTML】。

3、一個(gè)HBuilderX文件就創(chuàng)建好了，輸入您要完成的HTML代碼就可以了。

4、輸入完成后將文件進(jìn)行保存，您可以使用Ctrl+s鍵保存文件，或者點(diǎn)擊如圖中紅框標(biāo)注出的位置也可保存文件。

5、保存完成后點(diǎn)擊HBuilderX軟件菜單欄的【運(yùn)行】選項(xiàng)，點(diǎn)擊【運(yùn)行到瀏覽器】選項(xiàng)，選擇您要運(yùn)行的瀏覽器就可以了。

6、然后在您選擇的瀏覽器中出現(xiàn)運(yùn)行的結(jié)果。

hbuilderx 如何調(diào)試

1、打開(kāi)hBuilderX找到上方的運(yùn)行按鈕，點(diǎn)擊進(jìn)行連接;通常情況下，是不會(huì)連接成功的，還需要進(jìn)行一些其他的設(shè)置，需要將hBuilderX上的工具。

2、連接成功的話就會(huì)出現(xiàn)連接頁(yè)面，可以看著頁(yè)面進(jìn)行更改，但是處理的時(shí)候會(huì)出現(xiàn)一些問(wèn)題，就是當(dāng)你做出更改的時(shí)候可能會(huì)沒(méi)有變化，這個(gè)時(shí)候你需要雙擊這個(gè)按鈕從新打開(kāi)進(jìn)行調(diào)試就可以了。

3、設(shè)置內(nèi)置web服務(wù)器的IP地址為自己電腦的地址，以及端口號(hào)，確保端口號(hào)不沖突。

4、在左邊寫(xiě)代碼，保存時(shí)右邊會(huì)自動(dòng)刷新頁(yè)面，非常方便調(diào)界面。對(duì)于less、sass等預(yù)編譯語(yǔ)言，在ctrl+s后自動(dòng)輸出css后，也會(huì)繼續(xù)激活瀏覽器的刷新。

5、代碼里的一個(gè)div點(diǎn)右鍵，選“高亮瀏覽器內(nèi)對(duì)應(yīng)元素”，就會(huì)看到右側(cè)瀏覽器里指定的元素高亮了。

HBuilderX常見(jiàn)問(wèn)題

hbuilderx怎么導(dǎo)入項(xiàng)目

1、打開(kāi)在本站下載好的HBuilderX軟件，打開(kāi)軟件后，點(diǎn)擊【文件】在彈出的選項(xiàng)中點(diǎn)擊文件，在彈出的選項(xiàng)中選擇【導(dǎo)入】選項(xiàng)，選擇您要從哪里導(dǎo)入文件【SVN】或者【Git】，您更具您的實(shí)際情況選項(xiàng)。

2、在打開(kāi)的導(dǎo)入項(xiàng)目窗口中點(diǎn)擊【瀏覽】。

3、選擇您要導(dǎo)入項(xiàng)目的文件夾，選擇完成后點(diǎn)擊【選擇文件夾】選項(xiàng)就可以導(dǎo)入整個(gè)項(xiàng)目文件，然后在導(dǎo)入窗口中點(diǎn)擊【導(dǎo)入】按鈕就可以了。

4、然后一個(gè)完整的項(xiàng)目就導(dǎo)入HBuilderX成功了。

HBuilderX怎么將項(xiàng)目修改為app項(xiàng)目

1、將您要修改的項(xiàng)目選中，點(diǎn)擊鼠標(biāo)右鍵，在彈出的選項(xiàng)中點(diǎn)擊【屬性】

2、在打開(kāi)的屬性窗口中點(diǎn)擊【Project Natures】，在右邊的屬性選擇框中勾選需要的app屬性，然后點(diǎn)擊【確定】。

3、然后HBuilderX會(huì)彈出一個(gè)性質(zhì)變化窗口，在彈出的性質(zhì)變化框中點(diǎn)擊“是”按鈕。

4、回到項(xiàng)目，發(fā)現(xiàn)manifest.json變成白色的，文件小圖片變成設(shè)置模樣，打開(kāi)文件成右邊圖片上的這樣就表示修改成功。

HBuilderX更新日志

【重要】新增 iOS App 安心打包，無(wú)需提交代碼和證書(shū)到云打包機(jī)。更安全、更快捷 (僅支持MacOSX，不支持windows) 詳情

【uni-app插件】

App平臺(tái) 修復(fù) windows 系統(tǒng)部分情況下，查找 Chrome 失敗，導(dǎo)致無(wú)法正常 debug 的Bug

App平臺(tái) 修復(fù) 包含微信小程序組件時(shí)，部分情況下首次編譯觸發(fā)熱刷新的Bug

App-Android平臺(tái) 修復(fù) nvue list 組件調(diào)用 setSpecialEffects 設(shè)置吸頂后，input 子組件無(wú)法獲取焦點(diǎn)的Bug 詳情

App-Android平臺(tái) 修復(fù) nvue list/waterfall 組件使用 refresh 并設(shè)置 background-color 屬性后會(huì)出現(xiàn)白邊的Bug 詳情

App-iOS平臺(tái) 修復(fù) nvue refresh 組件處于刷新?tīng)顟B(tài)時(shí)顯示位置向下偏移0.5像素的Bug

快應(yīng)用 修復(fù) 華為快應(yīng)用IDE V3.0.2無(wú)法識(shí)別項(xiàng)目類(lèi)型的Bug

【uniCloud】

DB Schema 新增 支持對(duì) string 類(lèi)型數(shù)據(jù)配置 trim ，可自動(dòng)對(duì)字符串去除前后空白字符 詳情

DB Schema 修復(fù) 部分情況下使用 enum 報(bào)錯(cuò)的Bug

DB Schema 修復(fù) exclusiveMinimum、exclusiveMaximum 無(wú)效的bug

clientDB 修復(fù) 查詢樹(shù)形結(jié)構(gòu)時(shí)使用 startWith 某些寫(xiě)法導(dǎo)致報(bào)錯(cuò)的Bug

clientDB 修復(fù) field 內(nèi)使用JQL聯(lián)表查詢語(yǔ)法時(shí)多個(gè)右花括號(hào)連續(xù)出現(xiàn)導(dǎo)致報(bào)錯(cuò)的Bug

clientDB 修復(fù) field 中包含-時(shí)報(bào)錯(cuò)的Bug

uniCloud本地調(diào)試插件 修復(fù) 部分日志導(dǎo)致本地調(diào)試服務(wù)崩潰的Bug

unicloud-db組件 支持tree查詢，新增屬性 gettree、startwith、limitlevel 詳情

uni-id 新增 支持蘋(píng)果登錄 詳情

uni-id 新增 在token內(nèi)默認(rèn)緩存角色權(quán)限，云端獲取角色權(quán)限不再查庫(kù)，提升clientDB性能 詳情

schema2code 支持生成list、detail頁(yè)面

【App插件(含5+App和uni-app的App端)】

Android平臺(tái) 更新 uni-AD 快手聯(lián)盟SDK為3.3.6版，騰訊優(yōu)量匯SDK為4.310.1180版，今日頭條穿山甲SDK為3.4.1.0版

Android平臺(tái) 更新 騰訊X5內(nèi)核版本為 v4.3.0.67_43967 詳情

Android平臺(tái) 更新 UniPush 華為廠商推送 SDK 版本為 v4:2.0.0，適配 HMS4.0+ 詳情

Android平臺(tái) 調(diào)整 應(yīng)用的主 Activity 為 FragmentActivity 詳情

Android平臺(tái) 修復(fù) uploader 上傳文件監(jiān)聽(tīng)上傳進(jìn)度變化返回?cái)?shù)據(jù)不準(zhǔn)確的Bug 詳情

Android平臺(tái) 修復(fù) 監(jiān)聽(tīng)按鍵事件 keydown、keyup 不觸發(fā)回調(diào)的Bug

Android平臺(tái) 修復(fù) video 封面圖片 poster 拉伸變形顯示的Bug 詳情

Android平臺(tái) 修復(fù) video 設(shè)置顯示默認(rèn)播放控件 controls 屬性為 false 時(shí)手勢(shì)操作失效的Bug

Android平臺(tái) 修復(fù) previewImage 預(yù)覽圖片可能顯示模糊的Bug 詳情

Android平臺(tái) 修復(fù) 3.0.4版本引出的 native.js 獲取到原生對(duì)象可能無(wú)法執(zhí)行器內(nèi)部函數(shù)的Bug 詳情

iOS平臺(tái) 修復(fù) previewImage 預(yù)覽網(wǎng)絡(luò)圖片地址中包含query參數(shù)過(guò)多可能無(wú)法顯示的Bug 詳情

iOS平臺(tái) 修復(fù) audio 音頻資源地址中包含中文字符時(shí)無(wú)法正常播放的Bug 詳情

iOS平臺(tái) 修復(fù) video 動(dòng)態(tài)更新 src 屬性值域名相同時(shí)無(wú)法正常切換視頻的Bug 詳情

iOS平臺(tái) 修復(fù) video 視頻資源地址中包含中文字符時(shí)無(wú)法正常播放的Bug

iOS平臺(tái) 修復(fù) titleNView 標(biāo)題文字在隱藏軟鍵盤(pán)時(shí)可能出現(xiàn)抖動(dòng)的Bug