久久国模吧,日韩精品观看,加勒比美熟女

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

翻譯|使用教程|編輯：龔雪|2023-06-25 10:53:48.543|閱讀 117 次

概述：本文將為大家介紹MyEclipse中的HTML / JSP編輯器，歡迎下載IDE體驗(yàn)~

# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

在上文中（點(diǎn)擊這里回顧>>），我們?yōu)榇蠹医榻B了HTML / JSP編輯器、智能代碼完成和內(nèi)容輔助等功能，本文將繼續(xù)介紹Emmet支持、Outline 視圖功能等。

MyEclipse技術(shù)交流群：742336981 歡迎一起進(jìn)群討論

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

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

該功能在中是可用的。

二、編輯源代碼

2.4 支持Emmet

HTML編輯器集成了Emmet支持，可以改進(jìn)HTML和CSS工作流程，可在 2015 CI 12或更高版本中獲得。

要訪問(wèn)Emmet命令，請(qǐng)右鍵單擊編輯器，選擇Emmet，然后選擇Emmet命令。

與常規(guī)代碼片段功能不同，使用Emmet可以輸入類似css的表達(dá)式，這些表達(dá)式會(huì)被動(dòng)態(tài)解析，然后立即展開(kāi)為格式良好的標(biāo)記，從而節(jié)省了大量的輸入工作。

例如，在HTML文件中，如果您輸入：nav>ul>li并按Ctrl+Alt+Enter，您將得到：

<nav>
<ul>
<li>
</li>
</ul>
</nav>

一個(gè)更復(fù)雜的例子，ul>li. item$*5將產(chǎn)生：

<ul>
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
</ul>

下面是幾個(gè)CSS示例：

bd:n擴(kuò)展為border: none;

ff:v擴(kuò)展為font-family: Verdana, Geneva, sans-serif;

還有數(shù)百個(gè)額外的選項(xiàng) - 右鍵單擊編輯器，選擇Emmet>Emmet Cheat Sheet獲得所有縮寫的列表。

除了代碼擴(kuò)展，Emmet還可以幫助進(jìn)行代碼導(dǎo)航和選擇。

三、 Outline視圖

Outline視圖提供了HTML文檔的實(shí)時(shí)樹(shù)形視圖，樹(shù)中的每個(gè)節(jié)點(diǎn)表示一個(gè)HTML元素。單擊樹(shù)節(jié)點(diǎn)在源編輯器中突出顯示相應(yīng)的HTML元素，并在Properties視圖中激活該元素。

右鍵單擊大綱中的HTML元素，來(lái)查看為其啟用的操作列表，每個(gè)菜單的內(nèi)容都是基于HTML元素的類型。例如，在下面的例子中，Add Before菜單中' <tr> '標(biāo)簽的菜單項(xiàng)只顯示那些在父' <table> '上下文中有意義的HTML標(biāo)簽。

四、屬性視圖

Properties視圖允許您為任何選定的HTML元素編輯有效的屬性。

五、參數(shù)頁(yè)面

要編輯HTML Editor參數(shù)，請(qǐng)右鍵單擊源編輯器，并從菜單中選擇Preferences。或者，您可以選擇Window>Preferences>MyEclipse>Files and Editors并選擇適當(dāng)?shù)木庉嬈鳎蠱yEclipse編輯器都使用公共編輯器參數(shù)，包括HTML編輯器。