hbuilder調試php代碼,hbuilder創建php文件

本文目錄一覽:

hbuilder 要怎麼運行php文件

從Frontpage、Dreamweaver、UE,到Sublime Text和JetBrains的WebStorm,Web編程的IDE已經更換了幾批。HBuilder是DCloud(數字天堂)推出一款支持HTML5的Web開發IDE。「快,是HBuilder的最大優勢,通過完整的語法提示和代碼輸入法、代碼塊及很多配套,HBuilder能大幅提升HTML、js、css的開發效率。」問到HBuilder的優勢時,DCloud CEO王安表示。

HBuilder

在HBuilder里預置了一個hello HBuilder的工程,用戶敲這幾十行代碼後會發現,HBuilder比其他開發工具至少快5倍。「最全的瀏覽器兼容性數據、開發手機App等很多特點也都是HBuilder強於競品的地方」,王安表示。

以「快」為核心的HBuilder,引入了「快捷鍵語法」的概念,巧妙地解決了困擾許多開發者的快捷鍵過多而記不住的問題。開發者只需要記住幾條語法,就可以快速實現跳轉、轉義和其他操作。比如alt+[是跳轉到括弧,alt+』是跳轉到引號,alt+字母是跳轉菜單項,而alt+左則是跳轉到上一次游標位置。而Ctrl則是各種操作,比如ctrl+d就是刪除一行。shift則是轉義,比如shift+回車是

,shift+空格是 。

另外,HBuilder的生態系統可能是最豐富的Web IDE生態系統,因為它同時兼容Eclipse插件和Ruby Bundle。SVN、git、ftp、PHP、less等各種技術都有Eclipse插件。

HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫,它基於Eclipse,所以順其自然地兼容了Eclipse的插件。但因為Java效率太低,所以用C寫了啟動器。HBuilder柔和的綠色界面設計需要動態調節屏幕亮度,它還支持手機數據線真機聯調,而這些都是用C寫的。

HBuilder很多界面,比如用戶信息界面都是使用Web技術來做的,既漂亮,開發起來又快。最後,代碼塊、快捷配置命令腳本,都是用Ruby開發的。

「這4種技術各有各的用途,我們團隊內部也靈活運用,HBuilder的架構支持不同的技術互相融合通信。至於我們的技術選型原則,首先滿足用戶需求,然後我們內部用什麼技術能更快完成就會選什麼技術」,王安解釋道。

如何在HBuilder調試PHP

下載安裝xdebug

下載適合你的PHP版本的xdebug 

複製到php安裝目錄的ext文件夾,改名為php_xdebug.dll

配置xdebug

在php.ini尾部添加如下

[xdebug]

zend_extension=”php_xdebug.dll”

xdebug.remote_enable = On

xdebug.remote_host = “localhost”

xdebug.remote_port = 9000

xdebug.remote_handler = “dbgp”

xdebug.auto_trace = 1

xdebug.collect_includes = 1

xdebug.collect_params = 1

xdebug.collect_return = 1

xdebug.default_enable = 1

xdebug.collect_assignments = 1

xdebug.collect_vars = 1

xdebug.remote_autostart = 1

xdebug.remote_connect_back = 1

xdebug.show_local_vars = 1

xdebug.show_exception_trace = 0

運行phpinfo();看有xdebug模塊信息出來就是搞定了。

配置HBuilder支持xdebug

這裡的配置很重要

選擇工具 → 選項→ HBuilder→編輯器→ PHP →Debug 雙擊 Xdebug,彈出對話框如下圖

Debug Port 設為跟php.ini中設置的一樣(默認是9000)。

Accept remote session(JIT) 選擇localhost

允許瀏覽器訪問網站時zend studio自動打開文件開始調試。

選項說明:

off: 關閉瀏覽器訪問時打開調試功能;

localhost: 通過localhost訪問網頁的時候打開調試。

any:只要訪問伺服器上的php都打開調試;

prompt:訪問伺服器上的php時彈出詢問是否要調試。

一旦打開HBuilder允許xebug調試,所有訪問php頁面都會進入調試。如果你不喜歡這樣,可以安裝chrome xdebug helper 或 fire fox的easy xdebug

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中國產業聯盟運作(),所有規範都是面向開發者的,開發者提需求、開發者評審實現方案、開發者投票選定規範。

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編輯器打開。

參考原文:

hbuilder配置完php,直接運行php可以運行,放到html網頁中插入php不能運行,怎麼配置啊

不知道你的框架能不能支持標籤解析php:

①因為正常情況,php不能在後綴為.html網頁中運行,只能在php腳本內插入html,如果你已經配置了好的話,那麼你把文件後綴改成.php就可以了。

②如果框架支持標籤解析的話,你需要把php所有的標誌,全部html標籤化,例如if()else(),需要轉換為ifelse/if或者{if:}{else:}{/if}這要看你的框架是怎麼規定的。

HBuilder+phpStudy開發PHP

最近在自學php,開發php的ide有很多,不過我喜歡用Hbuilder寫前端,so 網上找到了HBuilder+phpStudy開發PHP的武功秘籍(老司機帶我上車了)

參考:

1、 HBuilder編輯器

2、 phpStudy

安裝和使用工具官網說的甚是詳細٩(๑❛ᴗ❛๑)۶,我就不再說明了(^_−)☆

1、Hbuilder安裝aptana php插件,安裝好後重啟HBuilder

2、啟動phpstudy

3、找到php的WWW目錄 ps:php的項目就放在這個目錄下面,後面我們創建的項目地址就是這個

4、創建web項目

5、配置web外置伺服器

①找到php伺服器地址和埠號

②配置Hbulider的外置伺服器:配置名稱(隨便起名)和瀏覽器運行URL就ok(其他默認)

6、創建php文件

一個簡單的  —  print(‘hello world’) 效果

從此我就上車不買票了ヾ(◍°∇°◍)ノ゙

ps:第一次使用寫文章,不要噴的太厲 ( ̄3 ̄)a

hbuilder怎麼運行php文件

運行PHP文件,需要在伺服器環境下,用瀏覽器打開PHP文件。比如文件。

因為HBuilder內置的web伺服器只能看簡單的HTML、js、css,不具備php解析能力,需要配置外部專業web伺服器才能解析php。

所以需要在工具-選項里搜索web伺服器,新建一個外部web伺服器,配置tomcat等外部web伺服器的參數。

原創文章,作者:AAGF,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/146129.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
AAGF的頭像AAGF
上一篇 2024-10-29 18:57
下一篇 2024-10-29 18:57

相關推薦

發表回復

登錄後才能評論