『壹』 HBuilderX中的css部分代碼運行的時候出現瀏(覽器運行尚不支持此種類型文件)的錯誤 怎麼處理 求
瀏覽器支持運行html文件,但不支持運行css
請採納
『貳』 HBuilderX mac 版本如何調用代碼塊
一、開始設置
1
A、顯示「控制台」視圖
Mac版默認隱藏控制台(應該是有事情觸發才會顯示,比如報錯的時候),所以我們先把「控制台」視圖顯示出來。
步驟(點擊菜單欄操作):
1. 視圖——>顯示視圖——>其他;
2. 常規——>控制台
這樣「控制台」就顯示出來了。
這一步的目的是為了便於終端的操作和顯示,在「控制台」里輸入命令和顯示運行結果。
HBuilder Mac版怎麼設置內置終端(terminal)
HBuilder Mac版怎麼設置內置終端(terminal)
2
B、添加終端
現在我們開始設置終端。
步驟:
1. 運行——>外部工具——>外部工具 配置
2. 新建(+)
3. 會彈出一個彈窗以供設置,要填的地方已經標出。
HBuilder Mac版怎麼設置內置終端(terminal)
HBuilder Mac版怎麼設置內置終端(terminal)
HBuilder Mac版怎麼設置內置終端(terminal)
3
C 、 終端的設置配置
a. 【名稱】 那裡填給新建工具起名字。
我這里命名為:OpenTerminal
b. 【要執行的命令或文件】那裡輸入:/bin/bash ,這是固定(沒有意外的話都是這樣子的,webstorm的終端路徑也是這個)的,
c. 【工作目錄】那裡可以通過【變數】按鈕進行選擇,我們選擇project_loc變數,表示:項目文件夾的絕對路徑。選擇之後框會自動生成:${project_loc}
如果你懶得找,可以直接把 ${project_loc} 寫進去。
d. 點擊【公共】進行進一步配置,主要就是「編碼」,「輸入和輸出」,「在後台啟動」幾項。一般會默認的。不過出現亂碼等情況再進行修改,配置可以參考我設置(如圖,第二張)。
e. 最後點擊【應用】完成設置。
HBuilder Mac版怎麼設置內置終端(terminal)
END
二、運行測試
運行測試
設置完成了,現在我們來運行測試下。
步驟:
1. 點擊選中你想運行終端的項目文件夾。
2. 運行——>外部工具——>OpenTerminal(選擇你剛建的那個工具名稱,我的是OpenTerminal)
3. 這會兒,「控制台」會有變化(雖然一片空白——這就是我說的體驗差的原因,不過已經可以輸入命令了,正常情況下默認的控制台空白處是不能輸入字元的)。
4. 我們輸入命令:help 試試,記得輸完按回車(enter)鍵。
5. 不出意外的話,就能看到輸出結果了。
(看圖)
到這里的設置結束了,終端在構建、編譯前端項目的時候還是很有用的,只是HBuilder主要針對的是前端HTML、CSS、JS文件的編輯,並不側重於項目的構建編譯,所以對終端的依賴並不是剛需,但如果你的項目是使用基於node的gulp、grunt、webpack等工具構建,那麼終端是必須的。
如果碰到問題歡迎留言討論。
最後的一點討論,也許對你很有用:
【工作目錄】的設置(前面提到的${project_loc})是個按需配置的項,我那樣選擇也是考慮到一般習慣上都是新建一個項目然後開始工作的,也就是一切都是在項目目錄下進行,所以就選了${project_loc}變數。如果你有自己的需求,可以另外配置,多試試就知道怎麼用了,畢竟各個變數也有說明,理解起來也不難。
『叄』 使用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代碼,查看效果(如圖所示瀏覽器要選擇你電腦上有安裝的)。就可以看到第一張圖中的效果了。
注意事項
更多功能,大膽嘗試就好!
『肆』 HBuilderX是什麼
HBuilder是DCloud(數字天堂)推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫,它基於Eclipse,所以順其自然地兼容了Eclipse的插件。快,是HBuilder的最大優勢,通過完整的語法提示和代碼輸入法、代碼塊等,大幅提升HTML、js、css的開發效率。
所以一般搞前端的會使用HBuilderX
『伍』 hbuilder編輯工具怎麼實現代碼追蹤
Q:怎麼才能快速掌握HBuilder開發技巧? A:軟體自帶HelloHBuilder項目,該項目為教程項目(如果不小心刪除了不要擔心,可以在新建 WEB項目時,使用HelloHBuilder模板新建出來),按照項目中的lesson1.txt中的快捷鍵敲一遍即可快速掌握HBuilder快...
『陸』 pcl2未找到版本json文件
解決方法:
第一步、查看項目中文件,確實沒有app.json文件那說明HbuilderX在編譯之後會自己生成app.json。因為此文件是微信小程序的標配入口文件。所以開始找一下HbuilderX在編譯之後生成的代碼包。1、首先第一步就是你在這個HbuilderX運行微信小程序運行過時,你就可以看見你的項目中回有一個這個文件夾unpackage。2、雙擊打開unpackage之後的子目錄你就會看著這樣的目錄mp-weixin。這是在微信小程序運行的時候生成的在微信小程序導入的時候就導入mp-weixin即可。3、那麼這個就是你導入的項目的mp-weixin了就可以直接預覽了就不會說出現找不到app.json文件了。