您的位置:起點軟件下載編程開發編程工具HBuilderX v2.1.3.20190723 官方版

HBuilderX v2.1.3.20190723 官方版HBuilderX v2.1.3.20190723 官方版

軟件大小:16.4M

軟件官網:HomePage

用戶評分:

軟件類型:綠色軟件

運行環境:Win All

軟件語言:簡體中文

軟件分類:編程工具

更新時間:2019/8/8

授權方式:免費軟件

插件情況:無 插 件

平臺檢測 無插件 360通過 騰訊通過 金山通過 瑞星通過
編程工具
HBuilderX編輯器是DCloud全新推出的一款HTML5的Web開發工具,作為HBuilder下一代的全新編輯器,HBuilderX被定位為ide和編輯器的完美結合,除了對某種語言的語法分析、提示、轉到定義、調試,同時加強了對通用文本處理能力,界面更加清爽,擁有比上一代更加有效的快捷鍵體系。

HBuilderX

【基本介紹】

HBuilderX,簡稱HX,是輕量編輯器和強大IDE的完美結合體。敏捷的性能,清爽的界面,強大的功能和于一身。

【功能亮點】

1.執著于更快一步的理念,hx的左側項目管理器是單擊響應而不是雙擊。
2.單擊展開目錄,單擊預覽文件,雙擊打開文件。
3.預覽文件時頂部標簽卡是斜體的,此時繼續預覽其他文件會替換預覽標簽卡。雙擊文件后標簽卡為正體,不會被替換。預覽的文件一旦開始編輯,也會自動變為正式打開狀態。

4.項目管理器默認是不顯示圖標的,可以將鼠標移到項目管理器區域,右上角會懸浮菜單,在里面可以選擇顯示圖標。HBuilderX支持業內多種圖標插件,可以在工具-插件安裝中找到更多圖標插件。
5.hx的文件保存是免丟失的,并且有熱退出功能。所謂熱退出,就是關閉hx時不要保存文件。再次打開時仍然是之前的狀態。未保存的文件也會繼續原樣展現。
6.hx默認帶有每30秒保存一次臨時文件的策略(可以在設置里調節時間間隔)
7.不管是關閉hx,還是斷電、崩潰,臨時文件始終會自動保存。
8前端預編譯型語言越來越多,每次保存都觸發編譯比較消耗資源,有了hx,可以專注寫代碼而不需要隔一會按一下ctrl+s,需要編譯時再保存,或編輯多個文件后按ctrl+alt+s全部保存。

【軟件特色】

1、輕巧
僅10M的綠色發行包
2、極速
不管是啟動速度、大文檔打開速度、編碼提示,都極速響應
3、清爽護眼
界面清爽簡潔,綠柔主題經過科學的腦疲勞測試,是最適合人眼長期觀看的主題界面
4、無鼠標操作
掌握HX的無鼠標操作體系,成為高效極客,飛一般編碼
5、markdown優先
HX是唯一一個新建文件默認類型是md的編輯器。
對于技術人員,我們強烈建議你以后不要使用記事本了,用markdown來替代txt。
本自述文件就是漂亮的markdown文檔,這是技術人員才能獨享的美:)
HX為md強化了Emmet、智能回車、智能縮進、智能雙擊,擁有頂尖的markdown編寫體驗。
點【菜單幫助-markdown語法示例】,可快速掌握md及HX的強化技巧!
## 擴展性
HX支持java插件、nodejs插件(需本機安裝java及node環境),通過外部命令,可以方便的調用各種命令行組件。不管是git、svn還是前端編譯,都可以通過配置外部命令調用,并設置快捷鍵。
## HX與HBuilder的關系
HX是全新的一個軟件,它拋棄了eclipse架構,使用C++為基礎架構。
HX目前還不能完全替代HBuilder。但在markdown記事的場景下,是最佳的記事本升級工具。
除了頂尖的markdown編寫體驗、漂亮的著色外,HX的極速啟動、多標簽、熱退出、各種快捷鍵操作,都給了你充足的理由升級記事本工具。

【主要參數】

包體積:12M(App開發是單獨插件)
啟動速度:1秒
內存占用:打開較多文檔約50M
界面風格:簡潔清爽
快捷鍵體系:比老版HBuilder的快捷鍵體系更先進
適用平臺:windows7+、mac
特色場景:HX有頂尖的markdown編寫體驗,加上極速啟動,可用于替代記事本。強烈推薦技術人員使用HX編寫md而不再使用記事本。
注意默認包里不包括nodejs和jre庫,需單獨安裝。缺少這些庫會導致相關插件無法使用,包括語法提示插件。

【使用技巧】

免拖動選擇
用鼠標或拖著選中一片文本,是一個很容易讓食指抽筋的操作。尤其是觸摸板更痛苦。
但是背誦很多相關的快捷鍵也一樣痛苦。
HBuilderX提供了更友好方式:智能雙擊和Ctrl+=擴大選區。

智能雙擊
下面是智能雙擊選中tag和包圍父tag的示例
1. 雙擊div的首或尾可以選中這個tag。當然雙擊if、雙擊縮進符、雙擊括號引號內側...很多位置都可以通過智能雙擊選中。具體見HBuilder的選擇菜單。
2. 按Ctrl+]包圍,就可以在這個選區首尾加父標簽,同時閃爍光標。當前在js里按下Ctrl+]不會包圍tag,而是包圍if、for等函數庫。
3. 輸入div即可在首尾添加包圍標簽


擴大選區Ctrl+=
=是+的默認鍵位置,所以Ctrl+=其實就是Ctrl鍵和+號一起按下。
在HBuilderX里可以智能的判斷選區范圍,持續擴大選區,無鼠標快速選中你需要的選區。


反包圍
上面講到包圍,也自然有反包圍。
1. 雙擊tag p開頭,選中該tag。
2. 按反包圍Ctrl+Shift+],可去掉tag p并自動處理子節點的縮進。

這里多提一句HBuilderX的快捷鍵理念,就是符號化,而不是字母化。
很多工具的快捷鍵都是控制鍵+功能英文單詞中的一個字母,這個是極難記憶的。
符號化讓快捷鍵的記憶變簡單,比如Ctrl+]是包圍。
而反操作或增強操作一般是加Shift,比如Ctrl+Shift+]是反包圍。

選中相同語法詞
1.下圖中,使用普通的選擇相同詞,會把所有div都選中。但使用Ctrl+Shift+e(mac是Command+Shift+d),會智能識別語法,剔除不相干的詞。
2.下圖按下Ctrl+Shift+e同時選中tag首尾的div,而不會選中子節點的div。
3.然后就可以方便的將原div改名為p

選擇一個括號時,也可以使用選中相同語法詞,來選中對應的另一個括號

交換選區內容
當需要交互2個選區的內容時,選中a、剪切、點b前面、粘貼、選中b、找到之前a的位置點擊、粘貼...這么長的操作太低效。
來看HBuilderX的Ctrl+Shift+x交互選區,也就是Ctrl+x的增強版。
1. 雙擊第1個style屬性后的引號內側,可選中引號內容。
2. 按下Ctrl后繼續雙擊第2個style屬性后的引號內側,可選中2個引號內的選區。
3. 按下Ctrl+Shift+x,交換style屬性的內容。

如果不選擇內容,光標放置到2行,可直接交換這2行的內容,如下圖


撤銷最后一個多選區或多光標
選區選多了或選錯了,不用擔心要重頭選,Ctrl+Shift+z不是撤銷編輯內容,而是撤銷最后一個選區。
1. 雙擊選中class
2. 按Ctrl+e選中相同詞
3. 按Ctrl+Shift+z,不再選中最后一個詞。


批量合并行
下圖示例,是把css合并為一行時的快捷操作
1. 雙擊{內側選中class
2. 按Ctrl+雙擊選中另一個class
3. 按反格式化Ctrl+Shift+k,可以把每個css的區塊代碼都合并為一行
Ctrl+k是格式化代碼,那么Ctrl+Shift+k就是合并為一行。


同時注釋if段首尾
if塊的調整很常見,除了包圍、反包圍外,常用操作還有同時注釋掉if段首尾。
1. 雙擊if選中if代碼塊
2. 按Ctrl+\在選區首尾加光標,變成多光標模式
3. 按Ctrl+/注釋掉選區首尾行

【下載安裝】

HBuilderX怎么下載?
1、在本站下載HBuilderX軟件包后,得到一個壓縮包,雙擊解壓。
2、解壓完成后,點擊.exe文件就可以打開軟件。

【使用教程】

HBuilderX怎么回到上一步?
HBuilderX回到上次編輯的地方快捷鍵為 alt+left,toolbar上有前進后退,菜單跳轉里也有

使用HBuilderX新建項目
安裝完之后打開HBuilderX應用程序,共有四種新建項目的方法。
其一,點擊左上角文件,依次選擇新建——>項目。

其二,點擊左上角文件圖標,選擇“項目”。

其三,在左側區域鼠標右擊,依次選擇新建——>項目。

前三種方法點擊項目后填寫項目名稱以及項目位置,點擊下方創建即可。



第四種方法,在你想要保存的位置新建文件夾,起一個項目名,然后將文件夾用鼠標拖入到HBuilderX中。



hbuilderx打包app教程
以“使用HBuilderX實現打包vue項目成app”為例
一、準備開發工具

開發工具:HBuilderX

(標準版需要自己安裝插件,app開發版已經把app開發常用的插件安裝好了,開箱即用,建議使用開發版)
二、打包生成一個vue項目
就拿手頭上一個vue項目進行打包,vue項目預覽如下:

打包生成的項目結構:

三、創建HBuilder的app項目
(請先注冊HBuilde賬號并登錄,打包的時候需要登錄,并獲取應用識別AppID)

創建完后會看到以下結構:

其中css、img、js文件夾換成打包后的static,index.html換成打包后的index.html。
Unpackage是用來放置app圖標等app文件的,index.html是app入口,manifest.json是用來打包成app的配置文件。
替換完后,變成以下目錄結構:

四、配置manifest.json
點擊manifest.json會打開配置頁面。

1、基礎配置:
①:應用識別AppID:云端獲取,需要注冊并登錄
②:應用名稱、版本、版本號等設置按說明填寫即可
2、圖標配置:設置app圖標,上傳完圖片后,點擊自動生成所有圖標并替換,如下:

3、啟動圖配置:

不顯示等待雪花
設置安卓啟動圖片
4、SDK配置:根據項目使用情況填寫
5、模塊權限配置:根據項目使用情況填寫
6、源碼視圖:略
五、進行打包
以上配置完成后,就可以進行打包App了。點擊發行,選擇原生App-云打包,會彈出云打包彈框:
1、暫時只打包安卓,所以只勾選安卓
2、如果沒有自有證書,就選擇使用DCloud公用證書
3、不勾選廣告聯盟和換量聯盟
如下:

點擊打包即可。


提交完后,留意HBuilderX控制臺信息

點擊下載鏈接下載安裝包就可以了。

【hbuilderx和hbuilder區別】

HBuilderX和HBuilder的對比
HBuilderX的優勢:

-HBuilderX性能更強,啟動速度、大文檔打開速度、代碼提示速度均極為流暢。
-HBuilderX的VUE語法提示、ES6語法提示支持更強大,應該是最強悍的vue提示工具。
-HBuilderX有內置終端,對于現代編譯型語言的開發提供更強的支持。
-HBuilderX支持uni-app、小程序開發、快應用開發
-HBuilderX的markdown、json方面秒殺其他開發工具。
-HBuilderX新增了智能雙擊、更完善的多光標處理,可為極客提供更高效的操作。

HBuilder也有HBuilder的優勢,如果開發者使用jquery、php等技術棧,目前還是建議使用HBuilder。HBuilderX對這2塊技術的支持不如HBuilder。
當然開發者也可以多工具并用,在使用HBuilder有優勢的場景時切回HBuilder。

【更新日志】

-修復 Mac svn/git插件 某些菜單不顯示的Bug
-優化 .editorconfig文件內容高亮顯示
-【uni-app插件】
修復 項目路徑包含空格時,debugger 的 sourcemap 不正確導致無法打斷點的Bug
App平臺 修復 input 組件 type 值為 number 時 password 屬性不生效的 Bug #556
App平臺 修復 取消掃碼會觸發掃碼成功回調的 Bug
App平臺 修復 調用 uni.setNavigationBarTitle、uni.setNavigationBarColor 接口會導致隱藏狀態的導航欄顯示的 Bug
App平臺 修復 部分特殊設備上 input textarea 組件中 input 事件無法觸發的 Bug 詳情
H5平臺 修復 uni.hideLoading 部分場景下失效的 Bug
百度小程序平臺 修復 uni.request 方法 dataType 設置為非 json 類型,仍按 json 解析的 Bug #558
-【5+App插件】
Android平臺 修復 Webview子窗口調用plus.webview.startAnimation動畫可能引起頁面不顯示的Bug 詳情
Android平臺 修復 Webview窗口軟鍵盤彈出高度可能不正確的Bug 詳情
Android平臺 修復 Webview父子窗口都設置statusbar后導致顯示不正確的Bug,統一為父子窗口同時設置statusbar后僅子窗口的statusbar生效
Android平臺 修復 Webview窗口的標題欄(titleNView)設置搜索框(searchInput)后可能會同時顯示標題文字(titleText)的Bug 詳情
Android平臺 修復 wap2app應用首頁為選項卡頁面在全面屏手機第一次打開底部可能有空白的Bug 詳情
Android平臺 修復 圖片進行掃碼識別(plus.barcode.scan)返回數據多出引號的Bug 詳情
Android平臺 修復 獲取設備信息(plus.device.getInfo)在部分只有一個IMEI號的設備(如華為榮耀6等)無返回值的Bug 詳情
Android平臺 修復 uni-app應用中nvue頁面使用uni-app編譯模式打包后覆蓋安裝使用了weex模式(老模式)版本引起nvue頁面白屏的Bug
iOS平臺 修復 Webvie窗口中通過new plus.maps.Map方法創建地圖控件后再調用append方法添加其它子窗口會引起地圖控件變成全屏大小的Bug
iOS平臺 修復 UniPush通過蘋果APNS通道下發payload為字符串內容時,點擊觸發click事件中消息對象的payload屬性值自動轉換為包含無效數據json類型的Bug
iOS平臺 修復 nvue頁面中獲取渠道標識(plus.runtime.channel)返回值不正確的Bug
iOS平臺 修復 真機運行時偶發頁面無法渲染(白屏)的Bug 詳情

大家都喜歡

  • 電腦軟件
  • 手機軟件
更多>

用戶評論

(您的評論需要經過審核才能顯示)0人參與,0條評論
140

最新評論

還沒有評論,快來搶沙發吧!

請簡要描述您遇到的錯誤,我們將盡快予以修訂

返回頂部
走势图分析