當前位置:首頁 » 網頁前端 » 新版hbuilder怎麼創建web項目
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

新版hbuilder怎麼創建web項目

發布時間: 2022-04-19 05:49:12

『壹』 hbuilderx最新版本創建不了項目

  • HBuilderX哪個版本?電腦什麼系統?

  • 查看一下日誌,是否是由於許可權所導致的

  • 重啟試試

如果新建項目窗口沒有任何模板,檢查plugins目錄下,是否存在templates

如果不存在templates,有可能是解壓的過程中,出現了問題。重新解壓即可

『貳』 hbuilder新建web項目後為什麼打不開

hbuilder新建web項目打不開看看目錄是否有相同的名稱項目如果有刪除再重新打開試試,或者點下菜單幫助里的重置環境試試。

win系統按下Ctrl+P(MacOS為Command+P)進入邊改邊看模式,在此模式下,如果當前打開的是HTML文件,每次保存均會自動刷新以顯示當前頁面效果(若為JS、CSS文件,如與當前瀏覽器視圖打開的頁面有引用關系,也會刷新)。


HBuilder,H是HTML的縮寫,Builder是建設者。它是為前端開發者服務的通用IDE,或者稱為編輯器。與vscode、sublime、webstorm類似。它可以開發普通web項目,也可以開發DCloud出品的uni-app項目、5+App項目、wap2app項目。

『叄』 HBuilder新建web項目後在項目下新建目錄,目錄里新建html使用img標簽無法顯示圖片

一般這種情況·····多是圖片路徑錯誤,你可以把圖片和你的html放在同一個文件夾里,然後src地址直接寫文件名稱試下~

『肆』 win7 64位 安裝好Hbuilder後,點擊新建web項目和新建移動App都沒有任何反應

這是卡了導致的
hubuilder對系統的要求配置挺高的,所以在低配的電腦上使用不是很流暢
建議在4g及以上的電腦上運行該軟體,升級該軟體為最新版

『伍』 下載好的h+builder無法創建新項目

摘要 1.首先進入hbuilder x 界面主頁,找到左上角「文件」選項,並點擊進入。

『陸』 hbuilder創建web目錄導入其他web

直接將要轉到別的電腦的項目全部導出。
,直接將要轉到別的電腦的項目全部導出然後在另外,一台裝有HBuilder中導入即可打開HBuilder開發工具。1,在工具的右上角可以更改開發,視圖模式選擇邊改邊看模式,HBuilder將會展開一個自帶的Web瀏覽器。

『柒』 hbuilder怎麼開發html5

首先,雙擊打開HBuilder軟體,這時編輯...
1

接著,彈出一個新建Web項目窗口,窗口...
2

在HBuilder項目管理器打開Web項目,默...
3

打開項目的主頁面index.html,設計這個...

『捌』 使用HBuilderX製作網頁的步驟是什麼

方法/步驟
6/6 分步閱讀
首先創建一個web項目,文件——新建——Web項目。

2/6
輸入項目名稱,點擊確定。

3/6
然後在新建的WEB項目中點擊右鍵,創建一個目錄。

4/6
輸入名稱,這里以html為例,因為是存放html文件。

5/6
然後在html目錄下創建html文件,所創建的html文件會有個默認名,改成自己想要的名稱。然後根握你的需要選擇模板(html5還是html4,默認是html5),我這里默認。

查看剩餘1張圖
6/6
然後完善你的代碼,下面代碼個人隨便弄,不要看。然後點擊如圖所示的圖標,運行你的html代碼,查看效果(如圖所示瀏覽器要選擇你電腦上有安裝的)。就可以看到第一張圖中的效果了。

注意事項
更多功能,大膽嘗試就好!

『玖』 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的web怎麼設置

方法:打開HBuilder,選擇設置web伺服器,HBuilder-->Web伺服器-->外置Web伺服器-->新建,名字可以隨意起,WampServer默認埠為80,如果設置了,那就按照設置的埠,確定,選擇設置的HTML類文件,按圖選擇設置的PHP類文件,設置之後,就可以直接點擊,而不用之後去調節埠了!