開(kāi)發(fā)者指南如何在MyEclipse中編輯HTML或JSP文件？（一）

yEclipse官方最新版免費(fèi)下載|Myeclipse漢化下載.MyEclipse-功能最全面的Java IDE. - MyEclipse官方中文網(wǎng)

如果您有HTML或JSP文件要編輯，這里將介紹如何編輯。查找以下信息：

編輯源代碼
大綱和屬性視圖
參數(shù)頁(yè)面

該功能在MyEclipse中是可用的。

一、HTML / JSP編輯器

要編輯HTML或JSP文件，請(qǐng)執(zhí)行以下操作當(dāng)中的一個(gè)：

雙擊HTML或JSP文件。
右鍵單擊HTML或JSP文件，并選擇Open。

HTML編輯器有以下模式：

源模式 — 源模式是HTML和JSP代碼的源代碼編輯器，它包括智能內(nèi)容輔助、行編號(hào)、彩色語(yǔ)法高亮顯示、格式操作、實(shí)時(shí)驗(yàn)證、在輸入時(shí)標(biāo)記有問(wèn)題的源代碼以及代碼格式化。
設(shè)計(jì)模式 — 設(shè)計(jì)模式具有雙面板視圖，頂部面板為設(shè)計(jì)模式，底部面板為源模式。設(shè)計(jì)模式為所見(jiàn)即所得的可視化編輯模式，設(shè)計(jì)畫(huà)布允許選擇、復(fù)制、剪切、粘貼和使用拖放重新定位Web UI控件。此模式包括一個(gè)設(shè)計(jì)調(diào)色板，其中包含可以添加到設(shè)計(jì)畫(huà)布的UI Web控件。
預(yù)覽模式 — 預(yù)覽模式允許用戶快速查看頁(yè)面在瀏覽器中的外觀，預(yù)覽模式從設(shè)計(jì)模式加載當(dāng)前源代碼，即使編輯器內(nèi)容尚未保存。HTML源代碼以預(yù)覽模式呈現(xiàn)，并且“扎根”于資源所在的位置。如果HTML文檔中的圖像相對(duì)于HTML頁(yè)面的當(dāng)前位置，則圖像將在預(yù)覽中正確呈現(xiàn)。

打開(kāi)文件時(shí)，默認(rèn)模式是Design（設(shè)計(jì)），通過(guò)單擊編輯器底部的適當(dāng)選項(xiàng)卡來(lái)更改模式。

本文概述了使用源代碼編輯器編輯HTML時(shí)最重要的概念和特性。

二、編輯源代碼

用戶可以從源代碼模式或設(shè)計(jì)模式訪問(wèn)源代碼，設(shè)計(jì)模式具有雙面板視圖，設(shè)計(jì)模式位于頂部面板，源模式位于底部面板。

直接編輯源代碼時(shí)，可以使用以下功能：

語(yǔ)法、顏色和高亮
智能代碼完成和內(nèi)容輔助
HTML驗(yàn)證
源格式和清理
HTML模板
HTML片段

2.1 智能代碼完成和內(nèi)容輔助

在整個(gè)源代碼中，編輯器提供特定于內(nèi)容的代碼幫助。

Tag names（標(biāo)記名稱(chēng)）：Code assist根據(jù)當(dāng)前上下文提供可用HTML標(biāo)記的列表。

Tag attributes（標(biāo)記屬性）：代碼輔助提供了特定于正在編輯的標(biāo)記屬性列表。

Attribute values（屬性值）：在適當(dāng)?shù)臅r(shí)候，代碼幫助會(huì)為您提供一個(gè)已知可能值的列表。

2.2 HTML驗(yàn)證

有兩種類(lèi)型的HTML驗(yàn)證：“輸入時(shí)”和“資源更改”。

“輸入時(shí)”：當(dāng)對(duì)HTML文檔進(jìn)行更改時(shí)，編輯器總是檢查HTML語(yǔ)法的有效性，就像Java編輯器一樣。

注意：這種類(lèi)型的驗(yàn)證錯(cuò)誤和警告不會(huì)出現(xiàn)在Problems視圖中。

資源更改：當(dāng)資源被修改(保存、移動(dòng)、復(fù)制或?qū)?時(shí)，資源構(gòu)建器將對(duì)資源執(zhí)行HTML驗(yàn)證。

注意：您可以通過(guò)從菜單中選擇Window>Preferences，展開(kāi)MyEclipse并選擇Validation來(lái)設(shè)置驗(yàn)證參數(shù)。

2.3 源格式化和清理

要快速格式化源代碼，請(qǐng)右鍵單擊編輯器，并選擇Source>Format。格式化器不會(huì)在內(nèi)部修改HTML標(biāo)記元素，它只調(diào)整HTML元素的縮進(jìn)和間距。

使用Cleanup Document選項(xiàng)進(jìn)行高級(jí)格式化和樣式調(diào)整，允許您更改標(biāo)記名稱(chēng)和屬性的大小寫(xiě)，還有其他選項(xiàng)可以插入所需的標(biāo)記和屬性。要使用此選項(xiàng)，請(qǐng)?jiān)诰庉嬈髦杏益I單擊并選擇Source>Cleanup Document，選擇Format source復(fù)選框，來(lái)將Format Document操作作為文檔清理的一部分。

yEclipse開(kāi)年鉅惠在線購(gòu)買(mǎi)低至75折！立即開(kāi)搶>>

二、將文件從HTML5項(xiàng)目復(fù)制到PhoneGap項(xiàng)目中

1. 在HTML5 app項(xiàng)目的www/文件夾的資源中，單擊右鍵，然后選擇Copy。

從HTML5項(xiàng)目復(fù)制www資源

2. 將資源粘貼到新PhoneGap項(xiàng)目的www /文件夾中，覆蓋現(xiàn)有資源。

將資源粘貼到新項(xiàng)目中

3. 雙擊PhoneGap項(xiàng)目中的index.html文件，在編輯器中將其打開(kāi)。

4. 更改以下腳本引用：

更改為：

5. 刪除以下腳本參數(shù)：

更新腳本參數(shù)

6. 按下CTRL + S保存文件。現(xiàn)在的參數(shù)變化支持最新以及更高版本的Cordova。

7. 刪除www /文件夾中的rte /文件夾。

更多資訊敬請(qǐng)?jiān)L問(wèn)MyEclipse中文網(wǎng)>>

信大多數(shù)剛開(kāi)始接觸Java編程的小伙伴們使用的第一個(gè)編程軟件都是myEclipse跑不掉吧。myEclipse可以說(shuō)是現(xiàn)在編程軟件中最適合新手的軟件，強(qiáng)大的功能，方便的操作深受廣大編程新手的喜愛(ài)。今天小編邊帶大家一起全面學(xué)習(xí)下myEclipse都有哪些方便的快捷鍵，希望小伙伴們會(huì)喜歡，也希望能夠給新學(xué)的小伙伴一些幫助。

MyEclipse企業(yè)級(jí)工作平臺(tái)（MyEclipse Enterprise Workbench ，簡(jiǎn)稱(chēng)MyEclipse）是對(duì)EclipseIDE的擴(kuò)展，利用它我們可以在數(shù)據(jù)庫(kù)和JavaEE的開(kāi)發(fā)、發(fā)布以及應(yīng)用程序服務(wù)器的整合方面極大的提高工作效率。它是功能豐富的JavaEE集成開(kāi)發(fā)環(huán)境，包括了完備的編碼、調(diào)試、測(cè)試和發(fā)布功能，完整支持HTML,Struts,JSP,CSS,Javascript,Spring,SQL,Hibernate。

簡(jiǎn)單的介紹了myEclipse的功能，現(xiàn)在邊帶大家看看myEclipse都有哪些快捷鍵：

分享之前我還是要推薦下我自己的Java學(xué)習(xí)群：281818896，不管你是小白還是大牛，小編我都挺歡迎，
不定期分享干貨，包括我自己整理的一份2018最新的Java資料和零基礎(chǔ)入門(mén)教程，送給大家，歡迎初學(xué)
和進(jìn)階中的小伙伴

最經(jīng)典的快捷鍵

下面的快捷鍵就是拓展的了

重構(gòu)常用快捷鍵

作用域功能快捷鍵

以上便是小編從各個(gè)地方整理出來(lái)的myEclipse最全的快捷鍵分享，小編個(gè)人覺(jué)得這應(yīng)該是最全的了，當(dāng)然小編也希望有更強(qiáng)大的大俠可以在找出小編遺漏的快捷鍵，畢竟人無(wú)完人，金無(wú)赤足，希望有發(fā)現(xiàn)遺漏的大俠可以在評(píng)論區(qū)提出或者加入小編的Java學(xué)習(xí)交流群一起探討。

在線咨詢(xún)

上一篇：干貨 - Web前端開(kāi)發(fā)小白學(xué)習(xí)筆記
下一篇：HTML(5) 代碼規(guī)范

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷(xiāo)服務(wù)商