MyEclipse技術交流群：742336981 歡迎一起進群討論

JavaScript 項目

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

幫助您創建此文件，您可以根據需要進一步調整它——有關更多詳細信息，請參閱文末附錄A。

編輯 JavaScript 源代碼

IntelliSense

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

JSON文件

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

自動導入

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

驗證和檢查

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

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

ESLint

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

快速修復

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

代碼分析與重構

使用 Find References 操作在當前文件或整個項目中查找對 JavaScript 結構的引用。

重命名重構能夠使您在整個項目中重命名這些結構。

導航

大綱視圖

大綱視圖描繪了 JavaScript 編輯器的函數和變量的結構化視圖，讓您快速了解代碼的結構。單擊大綱中的元素可跳轉到代碼中的該部分。

使用 Chrome 或 Firefox 調試 JavaScript

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

要創建新的調試配置：

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

Chrome Debug應注意：如果 Chrome 尚未運行，這將以調試模式啟動 Chrome。如果 Chrome 未在調試模式下運行，單擊調試將重用正在運行的 Chrome 實例，但 JavaScript 調試將不起作用。使用開關以調試模式啟動 Chrome ，或者關閉 Chrome，以便它可以使用正確的設置自動啟動。

附錄 A：jsconfig.json

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

示例 jsconfig.json：

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