⑴ Hbuilder編輯器怎麼用 使用方法
HBuilder不僅僅提示全面的語法,非語法的各種候選輸入也都能提示。包括圖片、鏈接、顏色、字體、腳本、樣式、URI、ID、class、自定義JS對象、方法。小編在本文詳細介紹了Hbuilder編輯器的使用方法。
Q:怎麼才能快速掌握HBuilder開發技巧?A:軟體自帶HelloHBuilder項目,該項目為教程項目(如果不小心刪除了不要擔心,可以在新建WEB項目時,使用HelloHBuilder模板新建出來),按照項目中的lesson1.txt中的快捷鍵敲一遍即可快速掌握HBuilder快速開發技巧。
Q:什麼是HTML5+?A:HTML5+規范是基於HTML5的擴展規范,用於彌補HTML5和原生應用功能之間的差距。HTML5+規范是一個開放的規范,在W3C中國的指導下,由HTML5中國產業聯盟運作(www.html5plus.org),所有規范都是面向開發者的,開發者提需求、開發者評審實現方案、開發者投票選定規范。
Q:什麼叫滾動條信息點?A:當代碼中有重要的標記出現時,會生成滾動條信息點,在滾動條右側出現顏色各異的點。點擊這些點或使用跳轉到下一個信息點功能,可以快速到達這些代碼處。如下標記會生成信息點:書簽、任務、錯誤提示。
Q:怎麼實現代碼追蹤?A:在編輯代碼時經常會出現需要跳轉到引用文件或者變數定義的地方,HBuilder提供了一個非常好用的代碼追蹤功能,只需要按住Ctrl+滑鼠左鍵即可實現追蹤。
Q:輸入small不提示,語法庫是不是不全?A:代碼塊是否提示,取決於是否設置了這個代碼塊,代碼塊是可自定義的。
默認沒有預置small代碼塊,你也可以在代碼塊彈出界面點右下角的編輯圖標,進行代碼塊的補充修改。
另外可以使用emmet(ZenCoding)語法,這個沒有提示,但敲完small,按tab,就會自動生成標簽。
emmet是一種前端公開技術,網上教程很多。
Q:為什麼有時候我輸入代碼塊的名稱,卻沒有出現想要的代碼塊?A:代碼塊的顯示名稱和激活字元是不同的,查看激活字元請在激活代碼助手後選擇代碼塊,看右邊信息欄的詳情
Q:編輯器怎麼實現分欄?A:HBuilder編輯器分欄功能可以實現左右分欄和上下分欄以及組合分欄。
1、左右分欄實現:滑鼠點著編輯器選項卡往最右邊拖動即可實現左右分欄
2、上下分欄實現:滑鼠點著編輯器選項卡往最下邊拖動即可實現上下分欄
3、組合分欄實現:組合分欄就是即有的文件向下拖動,有的文件向右拖動,
Q:為什麼我的代碼明明是對的卻報錯?A:HBuilder的語法驗證器是集成的三方插件,有可能其本身對某些寫法不兼容,當某種語法驗證器把正確代碼識別為錯誤時,你可以在工具-選項-HBuilder-Validation中關掉那個語法驗證器。還可以設置正則表達式以兼容這種錯誤。
Q:有沒有快速比較兩個文件差異的辦法?A:比較兩個文檔的方法是,在項目管理器按ctrl選兩個文件,點右鍵,選比較對象
Q:不建項目單獨打開文件會提示有部分功能無法使用,具體是哪些功能無法使用?A:主要是跨文件的項目管理功能受影響。
HBuilder會為項目建立索引,工程間文件的鏈接引用關系都在管理中。
這樣在跨文件引用提示、轉到定義、重構、移動圖片路徑等很多操作中HBuilder都能智能處理。
如果單獨打開文件,功能就弱了很多,當然也比普通文本編輯器多。
舉個例子,<a class="classA">,在HBuilder里寫class=時,可以提示工程中各種css,classA如果是外部的css文件定義的, 可以按下ctrl點滑鼠跳轉到那個css中。
這都是普通文本編輯器做不到的。
如果您習慣了資源管理器做項目管理、文本編輯器做代碼編輯,那麼建議改變下工作習慣。
用HBuilder做統一的項目管理和文本編輯,你會發現工作效率更高。
Q:我安裝了SVN插件為什麼我找不到SVN的功能?A:跟eclipse的svn插件用法是一樣的。
在工具-插件安裝中選擇svn插件安裝,安裝完畢後,按提示重啟HBuilder。
在菜單文件-導入里,選擇從svn中檢出項目,配置svn地址。
在項目管理器中點右鍵-版本管理,裡面有svn的各種提交、更新等命令。
Q:怎麼才能快速記住快捷鍵?A:記快捷鍵,不如記快捷鍵語法。
Alt是轉到,Shift是轉移,Ctrl是操作。
比如Alt+括弧、引號,即使轉到對於的符號。
Shift+回車是<br/>,shift+空格是 。
Ctrl+D是刪除行,Ctrl+F2是重構命名。
Q:為什麼不能手機預覽?A:WEB項目不可以手機預覽頁面。只有移動APP才可以。
確定項目是移動APP後,確保移動設備插好數據線並連接到電腦。
如果是iOS設備,請確保電腦安裝有itunes,如果是Android,請確定手機驅動已經安裝。
此時在HBuilder下方的狀態欄也會提示手機已連接
然後點運行,選擇對應的設備即可。
如果你只是想預覽web項目,那麼在菜單工具->高級選項->HBuilder->web伺服器->內建伺服器里,選擇一個內網ip,比如192.xxx,然後手機通過wifi連入這台機器,即可預覽。
Q:如何修改使用瀏覽器預覽時,地址欄顯示的IPA:依次點擊工具-選項-HBuilder-Web伺服器-內建伺服器
可修改內建伺服器的IP地址為127.0.0.1或本機網卡IP
內建伺服器不可以運行PHP
需要重啟HBuilder才生效
Q:真機聯調的Development圖標如何去掉?A:真機聯調僅是為了製作手機APP,調試完畢後,需要將資源打包製作成為APP。
如果是為了在手機瀏覽器上使用的WEB應用,還是應該使用手機瀏覽器來訪問。HBuilder內置的web伺服器地址配成192.168等內網地址,手機wifi連入,即可訪問。
更改HBuilder內置的web伺服器地址請點擊菜單工具-選項,展開左邊的HBuilder-web伺服器-內建伺服器,在右邊更改地址,需要重啟HBuilder才生效
Q:不能在收起代碼的情況下復制粘貼收起的代碼?A:復制折疊的代碼,選擇時需要多選擇一個換行符。然後再復制。
Q:沒有黑色主題嗎?A:在菜單工具-視覺主題設置-高級設置里有各種主題,兼容eclipse的其他主題方案。
另外小小提示下,使用黑色傷眼。激發視紫紅質、消耗維生素A、還容易引發暗適應和暈眩。
綠柔主題是認真的研究了色彩心理學和生理學後製作的環保主題。
參見這里
Q:如何調整編碼?A:HBuilder1.7以前版本在資源管理中對著文件點右鍵,點屬性(快捷鍵是Alt+Enter)。
在文件編碼處選其他,選擇或輸入你需要的編碼,比如GBK。
1.8以上的版本可以在文件->其他編碼方式打開,選擇需要的編碼即可。
Q:啟動太慢?A:HBuilder一般啟動時6秒左右可以進入完整操作狀態。
HBuilder還是屬於IDE而不是文本編輯器,速度比文本編輯器慢是肯定的。
這兩者最大的區別就是是否有AST語法樹和WEB語法解析引擎,就是說HBuilder知道你寫的是什麼,按下點知道該出什麼,寫的對不對。
包括重構變數命名和轉到定義,這些都是因為有語法樹和解析引擎。
擁有最全的web語法庫和最強的語法解析引擎,這個也是HBuilder的核心優勢。
算是一種取捨吧,啟動時慢幾秒,但啟動後寫代碼快的可不是差幾秒了。
Q:速度慢、內存佔用高?A:速度我們一直在優化,請更新新版再試試。
HBuilder畢竟是IDE,功能比文本編輯器多非常多,執行的也自然會慢點。但機器性能若足夠,也可以正常使用。
比如var a = document.getElementById("a1");。
在a後輸入點的時候,HBuilder要掃描a到底是什麼,超鏈接?canvas?輸入框?然後才會給予用戶最准確的提示。
這種計算都需要在按下鍵盤的很短時間內完成,想不卡還是很有挑戰。
文本編輯器沒有這些功能,所以不卡。
當然,在機器性能好時,HBuilder寫代碼要遠爽於文本編輯器;但機器性能不好時...
影響性能的一些要素,可幫助你用的更快。
1、如果有固態硬碟,把HBuilder和工程代碼都放到固態盤上;
2、同時打開的項目不要太多,把不用的項目點右鍵關閉,這樣HBuilder就不掃描這些項目了,後台資源會釋放不少
3、編輯大文檔時慎用語法驗證器,語法驗證器較易引發卡頓,可以在工具-語法驗證器設置里關閉。
4、編輯大文檔時,最好關閉大綱的實時同步功能。大文檔的大綱結構會很多,每次移動游標實時計算大綱的位置會有點慢。可以在需要定位時再點一下同步。大綱實時同步在大綱的右上角的下拉菜單里。
5、清理無用的js框架。Js框架文件都比較大且結構復雜,掃描框架比較費時。不用的框架就移出項目。另如果不在意框架的掃描提示,也可以把框架移除掃描清單,這樣就不掃描這個文件了。對文件點右鍵-構建-移除構建目錄。
6、windows search index和dropxbox等工具也會監控磁碟,當項目文件目錄被他們監控時,磁碟IO會比較高。在新建項目時會明顯卡。
7、有時HBuilder佔用的內存釋放不及時,可以使用360加速器等工具回收一些內存。
Q:升級失敗或長時間無響應?A:如果裝過其他eclipse插件,其升級伺服器可能連不上而導致報錯。
此時在工具-插件安裝-手動安裝eclipse插件-可用軟體站點,取消其他插件的升級地址。
重新點擊幫助-檢查新版本即可。
Q:HBuilder必須聯網使用嗎?A:HBuilder第一次使用時要聯網驗證,以後可脫線使用。。
如果不方便聯網,可以第一次使用手機做代理臨時登錄驗證一下,以後就可以脫線使用了。
但是沒有網路時,有些依賴網路的功能不能使用,比如不能使用雲服務創建移動APP,不能製作移動APP。
Q:你們會把這個工具做成 eclipse 的插件發布么?A:無法變成eclipse插件。
HBuilder裡面有4種編程語言,除了java,還有c、HTML、ruby。單純的java滿足不了我們的需求。
另外HBuilder的核心定位就是做最好的HTML5編輯器,而非最好的所有編輯器。
倒是如果大家願意的話,可以給HBuilder裝其他語言的插件。
Q:PHP怎麼運行?A:HBuilder自帶的web伺服器是不能解析php的。
如果想解析php,需要自己安裝php伺服器,比如Apache。
安裝好後,在HBuilder的工具-選項-web伺服器中點新建外部web伺服器,配置地址和參數,保存後重啟HBuilder。
然後點運行即可。
Q:PHP怎麼不高亮不提示?A:PHP的語法高亮需要安裝PHP插件。
在工具-插件安裝中,可以安裝Aptana PHP插件。
如果確定安裝了php插件,那麼在工具-選項,搜索文件關聯,在裡面配置php文件和PHP Editor的關聯。
也可以在項目管理器里對文件點右鍵,打開方式,裡面選PHP Editor。
Q:PHP插件安裝失敗了?A:關閉PHP文件。
在幫助-關於我們-安裝細節里,卸載PHP插件,重啟。
然後在工具-插件安裝里裝php插件。再重啟。
如仍有問題,請再聯系我們。
Q:我怎麼使用HBuilder編輯JSP、ASP或.vm文件中的HTML代碼部分?A:HBuilder有很多文件編輯器。
右鍵點擊文件-打開方式,可以看到所有編輯器。
很多不常用的文件後綴名其實都可以通過HTML編輯器打開。
參考原文:http://www.newasp.net/tech/85888.html
⑵ Hbuilder怎麼連接FTP
這個前端的軟體插件比較多,可以在下載一些適合自己的一些插件,我們先下載一個ftp的插件,在地址欄找到工具,滑鼠右鍵找到插件安裝
打開插件列表找到ftp Sync這個插件,可以支持多種方式連接,ftp,sftp,ftps和本地文件,如果在當前的列表中沒有找到ftp sync,可以到插件市場中進行搜索。下圖是插件市場
搜索到以後進行下載,這個插件很小下載很快,幾秒鍾就可以下載完成,不用手動去安裝,自動就會安裝好。下載完成以後在項目中就可以看見有連接這個兩個字樣。
下面進行配置,在連接上滑鼠右鍵,點擊連接管理,彈出窗口進行配置,ftp地址,ftp密碼,ftp用戶名,系統文件夾等等。
5
點擊新建進行填寫站點名稱,(站點名稱自己定義),ftp地址等,埠默認是21不用修改。連接模式也是默認的就可以,編碼也是默認就可以,檢查一些時區,如果本地的時區和伺服器時區不對,會報錯(修改時間配置不正確),配置完成以後檢查一下是否能認證成功。
6
配置完成以後點擊確定,這個時候我們看一下項目下有連接打開就會伺服器上的文件,都配置完成以後,快捷鍵ctrl+Shift+d下載,ctrl+Shift+u上傳,這樣上傳下載就會很方面,而且還節省了很多時間。
⑶ 對於前端開發我們需要什麼樣的工具
作為一個前端開發工程師,使用一款自己上手且功能強大的開發工具是非常重要的,但是面對這么多開發工具,到底哪個比較好呢?下面我個人推薦幾款自己感覺還不錯的前端開發工具,希望作為大家的參考。
1、hbuilder
作為一個編程的菜鳥,對於英語真的是有心無力,尤其是一些國外的開發工具都是英文界面,我就非常的不喜歡。hbuilder是國產的一款前端開發工具而且是免費的,對於英語不好的前端工程師是一個不錯的消息。hbuilder的官方大致是這么解釋為什麼要開發hbuilder的:HTML最開始其實不是一個編程語言,確實用不著什麼ide。但是發展到現在,7w多個語法,js越來越龐大,真開發一個達到原生水準的App,不是用以前的文本編輯器能搞定的。
目前竟然沒有一個開發工具能把7w多HTML5語法提示齊全,這不科學,在原生開發里這是不可想像的,xcode之於iOS,eclipse之於Android,vs之於winphone,在語法提示、轉到定義、重構、調試等方面都非常高效。作為同時熟悉原生和HTML5開發的我們,我們在開發HTML5時明顯感受到效率低下。於是有了hubuilder。確實是hubuilder支持左右的前端語法代碼提示,這個是我最喜歡的它的一個原因,而且還有強大的其他語言支持和開發webapp等功能,強大到沒朋友。缺點也是有一些的,就是其有些穩定,有時可能會有些卡頓的現象,希望官方修復。
2、sublime text
sublime text是一個輕量級的編輯器,也是支持各種編程語言,sublime text所有的強大功能都是支持插件的,而且快捷鍵十分的好用,可以極大的減少開發的勞動程度,使用sublime就是要使用其快捷鍵和插件。該軟體的優點的輕量級但是功能強大,缺點是對於項目的管理等不是很方便,代碼提示不如hubuilder強大。
3、dreamwave
這是一款很經典的前端開發工具了,以前人們使用的是它的可視化開發工具,但是現在它只能是作為一個代碼編輯器來使用的,當然一些可視化的功能現在也是用的上,如要插入Flash視頻等還是使用可視化簡單一些,畢竟不是所有人都能純手寫哪些意義不大的代碼,優點是人們熟悉穩定,支持一些可視化的插入操作,缺點是代碼提示不好,不能進行快速的開發只能是作為學習使用。
總結:以上只是前端開發工具中個人比較熟悉的,除此之外還有很多優秀的前端開發工具如webstorm等,大家可根據自己的喜好選擇自己習慣的工具進行開發。
⑷ web前端開發用什麼軟體
對於前端,官方的定義是網站前台部分,運行在PC端,移動端等瀏覽器上展現給用戶瀏覽的網頁。用自己的話來說,前端是網頁給訪問網站的人看的內容和頁面,那前端開發顧名思義就是這些內容和頁面中代碼的實現。
現在的前端開發使得現代網頁更加美觀,交互效果顯著,功能更加強大。所以現在的前端開發,運用到的知識面更加廣泛,難度也更大。前端開發目前市場需求還是很大的,而且相對來講比較容易,很適合學習。需要學習的內容也不少,我有全套web前端視頻課資料可以發給你自學。
學習內容包括:
①計算機基礎以及PS基礎
②前端開發基礎(HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架)
③移動開發
④前端高級開發(ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等)
⑤小程序開發
⑥全棧開發(MySQL資料庫、Python編程語言、Django框架等)
⑦就業拓展(網站SEO與前端安全技術)
互聯網行業目前還是最熱門的行業之一,學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的,發展前景非常好,普通人也可以學習。
想要系統學習,你可以考察對比一下開設有相關專業的熱門學校,好的學校擁有根據當下企業需求自主研發課程的能力,能夠在校期間取得大專或本科學歷,中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的,建議實地考察對比一下。
祝你學有所成,望採納。
⑸ 前端開發用什麼軟體
一:HBuilder
HBuilder工具是數字天堂推出的一款前端開發工具,支持一些html和js等開發,主要編寫一些c和web等語言,HBuilder最大的優勢就是速度比較快,強大的代碼提示和代碼輸入,大大增加了開發者的開發效率。
二:Sublime Text
Sublime Text是一款代碼編輯器,擁有漂亮的用戶頁面和實用功能,以及多功能插件,還可以自定義鍵綁定,Sublime Text的功能有很多,其中就包括多選擇和多窗口和python api等功能,為開發者提供了開發方便。
三:PS
PS是對Dobe Photoshop的簡稱,主要用於對圖像進行處理和修改,ps在圖像和以及視頻和文字方便都有涉及。
四:Dreamweaver
Dreamweaver是一款網頁代碼編輯器,並且利用一些前端代碼對網頁進行快速的開發,並且通過智能搜索引擎對網頁進行訪問,開發者利用視覺來減少出現的錯誤。
五:WebStorm
WebStorm是js開發工具,在國內,很多人都稱為web前端開發神器,受到了好多開發者的一致好評,WebStorm軟體功能十分強大,並且WebStorm界面比較清晰,人性化設計,使用起來也是很方便的。
六:phpstudy
phpstudy一款集成開發環境,用戶只需下載安裝,無需配置環境,其中還包括了開發環境和開發手冊,無論是新手還是老手,選擇phpstudy都是一個不錯的選擇。
⑹ Hbuilder和eclipse有什麼區別哪個更適合前端開發哪個更適合java開發
Hbuilder和eclipse兩者差不多,只是語言不同沒什麼區別,Hbuilder更適合前端開發,eclipse更適合Java開發。Java開發推薦千鋒教育,千鋒始終勇擔重任、踐行企業社會責任,從地震捐贈、疫情物資援助,到幫扶重病學子、走訪貧困學校,成立了具有全國號召力的公益平台--鋒益。
學習Java的建議:
1、Java高級框架雖然說Java框架有很多,靈活的使用框架可以讓開發者在實際開發中,減少很多重復的代碼、讓代碼的結構更加清晰,後期維護方便。從現在的開發環境來看SpringMVC、Mybatis、Spring、Oracle、Linux&Redis&Nginx、Maven是現在普遍使用的主流框架,掌握之後可以實現從原理、應用、擴展等全方位角度熟練使用,最終可以搭建自己的平台。
2、分布式項目實戰學習的最終目的就是上手實操,Git、SpringBoot、SpringCloud 等主流技術必定是需要熟練掌握的,通過學習掌握分布式調用技術任務調度以及項目相關模塊之間的開發和關聯,從而達到實現功能開發目的。
想要了解更多有關Java開發的相關信息,推薦咨詢千鋒教育。採用全程面授高品質、高體驗培養模式,學科大綱緊跟企業需求,擁有國內一體化教學管理及學員服務,在職業教育發展道路上不斷探索前行,公司總部位於北京,目前已在20個城市成立分公司,現有教研講師團隊300餘人。