eclipse 安裝H5 環(huán)境,及搭建H5工程

1) 在Eclipse的主菜單,點擊help,選擇Install New Software。

在Available Software窗口中的Work with項選擇Available Software窗口中的Work with項選擇

Galileo - http://download.eclipse.org/releases/galileo?
展開Web、XML、 and Java EE?Enterprise Development這項,選擇Eclipse Java EE Developer Tools和Eclipse WebDeveloper Tools 這這兩項,next、finish、reset。


2)

創(chuàng)建工程

打開你的Eclipse,菜單選擇File->New->Project...或者File->New->Other...

你現(xiàn)在會看到類似下面的一個彈出窗口,這個窗口就是告訴你所有可選的項目類型。

選擇Web->Static Web Project

點擊Next

填寫你的項目名稱,如Html5Demo

點擊Next


填寫你的content folder名稱,如myHtml5

這個content folder就是你的應(yīng)用所在的根目錄

點擊Finish

添加文件

右鍵你的content folder的名字,選擇New->HTML File

填寫File name為index或者index.html

index.html是主頁面,主頁面不建議使用其它名字,index.html不同于其它的頁面。

點擊Next

這里出現(xiàn)的是Html文件版本的選擇,不同的版本使用不同的模板,當然我們也可以修改和創(chuàng)建自己的模板,后面會向大家介紹。

選擇New HTML File (5)

點擊Finish

打開index.html,你會看到類似下面的代碼,這些都是模板自動生成的,如果你的代碼和我的不一樣一點也不奇怪,因為我的模板經(jīng)過修改。

到目前為止我們已經(jīng)基本完成了開發(fā)環(huán)境的搭建。用前面類似的方法,我們可以在content folder下面創(chuàng)建其它html文件、css文件、js文件或者文件夾,從而豐富我們的應(yīng)用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,649評論 19 139
  • ¥開啟¥ 【iAPP實現(xiàn)進入界面執(zhí)行逐一顯】 〖2017-08-25 15:22:14〗 《//首先開一個線程,因...
    小菜c閱讀 7,362評論 0 17
  • it's exiting!
    Joyce_pink閱讀 245評論 0 0
  • 我已經(jīng)向你走出了第一步,那剩下的999步就由你來走吧。 我在懵懂無知的狀態(tài)開啟了誓死要把大叔追到手的決心,手持一張...
    毛豆小小小燕閱讀 283評論 0 0

友情鏈接更多精彩內(nèi)容