編寫(xiě)網(wǎng)頁(yè)最好用的軟件HBuilder

　　編寫(xiě)網(wǎng)頁(yè)的實(shí)用工具

神奇的HBuilder

　　隨著互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)頁(yè)成為人們不可或缺的一部分，前端開(kāi)發(fā)也變成可熾手可熱的職業(yè)。很多同學(xué)都會(huì)編寫(xiě)前端代碼，但是那個(gè)編程軟件更好用呢?

　　編寫(xiě)程序的軟件有Dreamweaver,edit plus ,notrpad++,sublime等等，但是我要介紹的是Hbuilder，這是我用過(guò)的最智能的軟件，基本上是小白系統(tǒng)，只要打出頭部就可以自動(dòng)提示全部代碼，簡(jiǎn)直就是神器啊。下面小編為你們?cè)敿?xì)介紹一下HBuilder的用法。

　　什么是HBuilder?

　　HBuilder是DCloud(數(shù)字天堂)推出的一款支持HTML5的Web開(kāi)發(fā)IDE。HBuilder的編寫(xiě)用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫(xiě)，它基于Eclipse，所以順其自然地兼容了Eclipse的插件?？欤荋Builder的最大優(yōu)勢(shì)，通過(guò)完整的語(yǔ)法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開(kāi)發(fā)效率。

　　如何安裝 HBuilder?

　　HBuilder下載地址：在HBuilder官網(wǎng)http://www.dcloud.io/點(diǎn)擊免費(fèi)下載，下載最新版的HBuilder。

　　HBuilder目前有兩個(gè)版本，一個(gè)是windows版，一個(gè)是mac版。下載的時(shí)候根據(jù)自己的電腦選擇適合自己的版本。

　　使用HBuilder新建項(xiàng)目

　　依次點(diǎn)擊文件→新建→選擇Web項(xiàng)目(按下Ctrl+N,W可以觸發(fā)快速新建(MacOS請(qǐng)使用Command+N,然后左鍵點(diǎn)擊Web項(xiàng)目))

　　使用HBuilder創(chuàng)建HTML頁(yè)面

　　在項(xiàng)目資源管理器中選擇剛才新建的項(xiàng)目,依次點(diǎn)擊文件→新建→選擇HTML文件(按下Ctrl+N,W可以觸發(fā)快速新建(MacOS請(qǐng)使用Command+N,然后左鍵點(diǎn)擊HTML文件)),并選擇空白文件模板

　　HBuilder特有的邊改邊看功能，可以大大簡(jiǎn)化開(kāi)發(fā)過(guò)程

　　強(qiáng)大的JS解析引擎大大加快JS開(kāi)發(fā)的速度

　　win系統(tǒng)按下Ctrl+P(MacOS為Command+P)進(jìn)入邊改邊看模式,在此模式下,如果當(dāng)前打開(kāi)的是HTML文件，每次保存均會(huì)自動(dòng)刷新以顯示當(dāng)前頁(yè)面效果(若為JS、CSS文件，如與當(dāng)前瀏覽器視圖打開(kāi)的頁(yè)面有引用關(guān)系，也會(huì)刷新)

　　HBuilder代碼塊大量減少重復(fù)代碼工作量

　　靈活的快捷鍵使得編程過(guò)程手不離鍵盤(pán)

更多詳情請(qǐng)點(diǎn)擊http://www.runoob.com/w3cnote/hbuilder-intro.html了解

（來(lái)源：學(xué)習(xí)啦）