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

JavaScript 項目

在 MyEclipse 2021 及更高版本中，JavaScript 支持對大多數(shù) JavaScript 源代碼都是開箱即用的——不需要特殊的 JavaScript Eclipse 項目或 JavaScript facet。但是，我們建議使用jsconfig.json文件來指定項目上下文。這使得可以在項目中跨多個源文件進(jìn)行高級JavaScript分析，以增強(qiáng)IntelliSense、驗證、導(dǎo)航等功能。

幫助您創(chuàng)建此文件，您可以根據(jù)需要進(jìn)一步調(diào)整它——有關(guān)更多詳細(xì)信息，請參閱文末附錄A。

編輯 JavaScript 源代碼

IntelliSense

在 JavaScript 文件中鍵入時，使用內(nèi)容輔助快捷方式（Ctrl/Cmd + Space 默認(rèn)情況下）顯示建議列表。輸入觸發(fā)字符后，建議也會自動顯示。如果可用，JSDoc 也將顯示在彈出窗口中。

JSON文件

IntelliSense 也可用于 JSON 文件——在編輯普通文件時，您可以獲得內(nèi)容幫助和開箱即用的文檔。在編輯不太常見的文件時，您還可以通過向 JSON 添加“$schema”屬性來鏈接到類似支持的模式。

自動導(dǎo)入

使用模塊時，內(nèi)容輔助會建議在您的項目中找到的導(dǎo)出符號的名稱。使用此建議也會添加導(dǎo)入。

驗證和檢查

只有當(dāng)前在編輯器中打開的文件才會被驗證。您將在編輯器的標(biāo)尺區(qū)域以及問題/標(biāo)記視圖中看到錯誤、警告和信息標(biāo)記。

注意：對于高級 JavaScript 驗證，請確保您的項目有一個 jsconfig.json 文件并將 checkJS 屬性設(shè)置為 true，或者在文件頂部添加“//@ts-check”注釋。

ESLint

ESLint 支持是內(nèi)置的，但你必須在項目的根目錄中有一個 ESLint 配置文件，并且 ESLint 也安裝在項目中——node_modules 必須包括 ESLint，以及你正在使用的任何 ESLint 插件。例如，linting ES2020 代碼時，需要使用 Babel 解析器。

快速修復(fù)

快速修復(fù)可用于多個警告和錯誤，包括 linting 問題。只需將鼠標(biāo)懸停在波浪線上即可查看幾個可能修復(fù)的鏈接。

代碼分析與重構(gòu)

使用 Find References 操作在當(dāng)前文件或整個項目中查找對 JavaScript 結(jié)構(gòu)的引用。

重命名重構(gòu)能夠使您在整個項目中重命名這些結(jié)構(gòu)。

導(dǎo)航

大綱視圖

大綱視圖描繪了 JavaScript 編輯器的函數(shù)和變量的結(jié)構(gòu)化視圖，讓您快速了解代碼的結(jié)構(gòu)。單擊大綱中的元素可跳轉(zhuǎn)到代碼中的該部分。

使用 Chrome 或 Firefox 調(diào)試 JavaScript

通過雙擊標(biāo)尺區(qū)域在源代碼中放置斷點。您可以在 JavaScript 文件中放置斷點，也可以在 HTML/JSP 文件中嵌入 JavaScript。

要創(chuàng)建新的調(diào)試配置：

1. 從“Debug”下拉列表中，選擇“Debug Configurations”。
2. 創(chuàng)建一個新的 Chrome Debug/Launch Firefox Debugger配置。
3. 在 URL 字段中，粘貼您的應(yīng)用程序的 URL。
4. 在工作目錄字段中，指定項目根目錄的文件系統(tǒng)路徑。
5. 單擊“Debug”以啟動調(diào)試會話。

Chrome Debug應(yīng)注意：如果 Chrome 尚未運(yùn)行，這將以調(diào)試模式啟動 Chrome。如果 Chrome 未在調(diào)試模式下運(yùn)行，單擊調(diào)試將重用正在運(yùn)行的 Chrome 實例，但 JavaScript 調(diào)試將不起作用。使用開關(guān)以調(diào)試模式啟動 Chrome ，或者關(guān)閉 Chrome，以便它可以使用正確的設(shè)置自動啟動。

附錄 A：jsconfig.json

在 JavaScript 項目的根目錄中創(chuàng)建此文件。此配置文件可用于指定要包含在項目的 JavaScript 上下文中的文件，以及編譯和解析選項。

示例 jsconfig.json：

{
"compilerOptions": {
"disableSizeLimit": true,
"allowJs": true,
"module": "commonjs",
"target": "es6",
"checkJs": true
}
,
"exclude": ["node_modules"]
}