hbuilder版權所有

1. hbuilderx將所有view換成div怎麼換

快捷鍵 ctrl+f

出現這個，就在第一個框填寫view

第二個就輸入div 點擊「全部替換」

2. hbuilder中帶圈字元怎麼表示

可以用字元實體 html都可以解析的 另外你可以在這里查找一些web知識網頁鏈接加油

3. hbuilder支持哪些語言開發

這是新建菜單，裡面有支持的語言

4. hbuilder怎麼連接svn

首先要先安裝HBuilder這個軟體，打開以後安裝插件。在點擊工具，看見最下面有安裝插件。

打開插件安裝，選擇SVN這個插件。

選擇SVN點擊安裝，需要幾秒鍾就安裝好了

安裝完成以後，需要重啟一下才可以使用。

重啟以後在左下方，找到其他功能

點擊彈出窗口，選擇SVN資源庫

點擊svn添加資源庫

添加資源共享庫，添加url
步驟閱讀
添加URL完成，點擊確定，就可以看到所有的程序文件，就可以同步了。

5. hbuilder 全部選中某個詞之後怎麼批量修改

在HBuilder里多選詞的快捷鍵是ctrl+shift+d。

如果還是喜歡用ctrl+d，在選項里搜索快捷鍵，可以改這個快捷鍵。

還可以使用ctrl+滑鼠來選擇相同詞，尤其是按快捷鍵選中了不需要的詞時，可以ctrl+滑鼠點擊去掉那個詞。這點比sublime方便。

高亮相同字元，有2種做法

1. 雙擊選中一個詞，自動給相同詞畫圈

2. 2. 點擊toolbar上一個黃色的筆，或者菜單視圖-高亮相同字元。此時游標所在位置如何檢測到有相同詞，會自動高亮。這里和sublime設計的不太一樣，它是一種狀態切換，切成這種狀態，單擊點任何地方都會高亮。

3. 另外HBuilder是支持重構的IDE，如果是js變數的批量修改，應該使用重構。

4. 對一個js變數點右鍵，重命名（ctrl+f2），可以重命名該js變數，然後引用該變數的地方就會自動更新。這里是精準識別變數做重構，不是傻乎乎的做字元匹配。

5. 如果是在變數引用處，此時無法直接重構，先點alt+滑鼠轉到定義（ctrl+alt+d），然後再重命名變數。
   

6. hbuilder所有瀏覽器都打不開，求助，折騰好久了

這樣的情況你可以打開安全衛士功能大全里的斷網急救箱診斷修復 ，修復後就可以正常。

7. hbuilder查找有高亮所有的選項嗎

HBuilder是DCloud推出的一款支持HTML5的Web開發IDE。快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。

8. HBuilder怎麼打不開是因為電腦少什麼嗎

第一種方法：
HBuilder是一款綠色軟體，無需安裝就可以使用，如果把HBuilder放在了一個用「中文」命名的文件夾里，一旦電腦編碼出現問題，HBuilder就打不開了，這時候把包含HBuilder的所有以「中文」命名的文件夾都改成英文，就可以打開了。（在其他系統里，有時也是這個問題造成的）
第二種方法：
如果不想更改文件夾，也可以修改一下電腦的「非Unicode程序語言」也可以。這里我在windows7 64位 旗艦版里演示。
打開電腦的控制面板，點擊「時鍾、語言和區域」選項，
然後點擊「區域和語言」選項，

這時會彈出個對話框，點擊管理選項，打開「更改系統區域設置」，

在「當前系統區域設置」里選擇「中文（簡體，中國）」，點擊確定，就可以打開HBuilder了。

9. Hbuilder 怎麼批量替換修改文件里 同一個字元或變數名

先選中變數， 按Ctrl + F2, 在彈出窗中修改變數名稱並確認。（註：萬能方法—— Ctrl + Shift + L打開快捷鍵提示窗，分類標的很詳細；很容易找到自己想要的功能）

10. hbuilder的快捷鍵有哪些

HBuilder常用的快捷鍵：
Alt + [ 匹配括弧
Alt + ↓跳轉到下一個可編輯區
Ctrl + Alt + j 合並下一行
Ctrl + Alt + ←選擇助手
Ctrl + 回車 換行
Ctrl + Shift + 回車 向上換行
Ctrl + d 刪除一行

Ctrl + Shift +R 復制上一行

創建HTML結構： h 8 （敲h激活代碼塊列表，按8選擇第8個項目，即HTML代碼塊，或者敲h t Enter）
中途換行： 'Ctrl+Enter'
設置charset： m e 6 Enter
引用外部js： s 2 Enter 'Ctrl+Enter'
創建js區塊： s Enter
創建函數： f u n 3 （或者 f u n n Enter）
為函數命名：W h o i s E
跳轉到函數末尾： End 'Alt+[' ↓ 'Ctrl+Enter' （Alt+[是跳轉到匹配括弧的意思）
創建style節點： s t Enter ↓ 'Ctrl+Enter'
引用外部css： l Enter Enter
跳轉到下一個可編輯區： 'Alt+↓'
創建img標簽： i m Enter Enter 'Ctrl+Enter'
插入換行符： 'Shift+Enter' Enter
創建div並設id和class： d i Enter d 1 → Space c Enter Enter （這里提示的class列表是在test.css里定義的）
轉到class的定義處：'Ctrl+Alt+D' （按Alt點擊滑鼠也可以）
關閉標簽頁：'Ctrl+w' （切換標簽頁則可以用Ctrl+e）
添加自定義屬性data-test並賦值1： → Space d 7 t e s t Tab 1
合並下行：'Ctrl+Alt+j' 'Ctrl+Enter'
創建超鏈接並設id： a Enter Enter → Space i Enter a 1
使用選擇助手選中#d1：'Ctrl+Alt+←' 'Ctrl+Alt+←' 'Ctrl+Alt+←' (如果快捷鍵沖突,可使用Alt+S U，或者滑鼠雙擊引號)
重新修改鏈接指向新創建的a1： BackSpace 'Alt+/' Enter 'Ctrl+Enter'
創建ul： u Enter
折疊代碼：'Ctrl+Alt+-'
向上插入空行：'Ctrl+Shift+Enter' Tab （一般Ctrl+某字母的快捷鍵，變成Ctrl+Shift+相同字母，大多代表相反意義）
沒有代碼塊時，使用emmet語法創建標簽：n a v Tab （如果不知道emmet技術，請搜索學習，前端必學）
使用shift轉碼輸入空格：'Shift+Space' （如果與輸入法快捷鍵沖突，也可輸入& n 2）
創建按鈕：'Ctrl+Enter' i n Enter Enter Tab Tab w h o Space i s Space e →
添加點擊事件： Space o n c k Enter w h o Enter → （onck是模糊匹配，不用輸入完整單詞也會模糊匹配，除代碼塊外所有語法提示都支持模糊匹配）
使用轉到定義到js函數：'Ctrl+Alt+D' ↓
------以下為js部分
定義一個變數e： v a r Space e ; Enter
為e賦值：e Space = Space d o Enter . g 6 " Enter （可提示樣式列表）
使用回車或Tab跳轉游標到綠色豎線（若沒有綠色豎線請使用End到行尾）：Enter ; Enter
為e賦值2：e Space = Space d o Enter . g 8 " d 8 Enter ; Enter （可提示標簽列表）
為e賦值3(這個代碼塊很常用)：e Space = Space $ (或者dg) Enter 2 Enter ; Enter （可提示id列表，注意選擇d1）
為e設置algin屬性： e . s e 2 " a l Enter → , " c Enter Enter ; Enter
設置自定義屬性：e . s e 2 " d Enter → , " 2 Enter ; Enter
提示字體列表： e . s t Enter . f o 2 = " Enter Enter ; Enter
提示圖片列表： e . s t Enter . b 7 = " h b Enter Enter ; Enter
還能這么寫css： e . s t Enter . c s 2 = " b 7 h b Enter → ; Enter
寫switch對e判斷：s w 2 e . s t Enter . d i s Enter Tab
case處提示display的值域：" - w e Enter
跳轉到switch結尾（有綠色豎線）：Enter Enter
寫if代碼塊：i f f Enter (或者使用i f 2)
為if添加條件判斷屬性里的樣式：e . g e t a t Enter " c Enter Enter ! = " Enter ↓
設置e的樣式：e . c l 2 (此處也可以用c l n Enter) = " Enter Enter ; ↓ Enter
js里可以提示html： e . i n n Enter = " < f o Enter Space c o Enter Enter Enter ; Enter
e賦值改為超鏈接：e Space = Space $ Enter Enter Enter ; Enter
給a1加鏈接地址：e . h r Enter = " Enter Enter ; Enter
給a1加target：e . t 5 = " Enter Enter ; Enter
e賦值改為image對象：e Space = Space n e w Space i m 6 Enter ; Enter
為img增加圖片： e . s r Enter = " Enter Enter ; Enter
e賦值改為indexedDB對象：e Space = Space w i Enter . i Enter Space | | Space w i Enter . i n d e x e d 5 Space | | Space w i Enter . i n d e x e d 3 Space | | Space w i Enter . i n d e x e d 2 ; Enter
確認e可被瀏覽器識別：i f f Enter (也可以使用i f 2) t y 4 e Enter ↓
執行indexdb的方法：e . o p Enter " t e s t Enter ; ↓ Enter
------以下為刪除又添加上外部css引用
定義head變數：v a r Space h e a d Space = Space d o Enter . g 8 " h e Enter Enter [ 0 → ; Enter
with里也可以提示： w i t h h (或者w i t 2) Enter h Enter ↓
獲取head的最後一個子節點：v a r Space l Space = Space l e c Enter ; Enter （with里的head可直接識別子對象）
去掉該子節點：r e m 6 l → ; ↓ Enter （head的lastElementChild就是外部引用的css）
動態生成一個css文件引用：e Space = Space d c Enter l 5 Enter ; Enter
添加屬性：e . r 3 = " s t y Enter Enter ; Enter
設置type： e . t y Enter = " c Enter Enter ; Enter
設置href：e . h r Enter = " . c Enter Enter ; Enter
將e加入head中：h Enter . a p Enter e Enter Enter ; Enter
------演示重構，即重命名變數
用代碼塊定義一個變數s：v a r s Enter Tab e Space i s Space 'Ctrl+Enter'
判斷e的屬性：i f e（或i f 3） Enter e . g 2 " d Enter Enter = = n u 2 ↓
為s賦值：s = s + e . o u Enter ; 'Alt+↓'
為s賦值：s = s + " u n k n o w → ; ↓ Enter
將s列印出來：a l Enter s
選擇s並轉到定義：'Shift+←' 'Ctrl+Alt+D'（按Alt點擊滑鼠也可以）
重構s的命名為ss：'Ctrl+F2' Enter s s Enter Enter (彈出對話框可預覽重構結果)
跳轉到函數末尾：'Alt+↓' 'Alt+↓' Enter
添加一個啟動事件： a d Enter " d o m l o Enter → , f u n a Enter (此處也可以是f u 6) ↓
提示自定義函數的jsdoc： f i n i Enter 1
------css部分
跳轉到CSS：'Alt+↓'
給body加樣式：b o Enter { Enter
emmet方式增加textalign：t c Tab Enter
模糊匹配增加user-select：u s e r s 4 5
寫下一個樣式：↓ Enter
為input增加樣式：i n Enter [ t y Enter = Enter → { Enter
使用代碼塊設置寬度：w 9 9 0 ↓ Enter
為ul加樣式：u l { d n Enter 'Ctrl+Enter'
ID也可以提示：# 2 { Enter
提示字體列表：f f Enter Enter Enter
回車自動補行尾分號：Enter
增加background-image：b i Enter h b Enter
大功告成，保存並運行起來看看：'Ctrl+s' 'Ctrl+r'
如果你屏幕夠寬，也可以點擊右上角視圖切換，換到邊改邊看視圖Ctrl+P，左邊保存右邊自動刷新。