JavaScript项目
MyEclipse 2021年和以后的版本中,JavaScript支持开箱即用的适合大多数JavaScript source-no特殊JavaScript Eclipse项目或JavaScript方面是必需的。然而,我们建议使用jsconfig.json文件指定一个项目上下文。这使得先进的JavaScript分析跨多个源文件的项目中,为增强智能感知、验证、导航等。
MyEclipse帮助您创建这个文件,你可以调整它进一步的更多细节,请参阅附录A。
编辑JavaScript源
智能感知
在JavaScript文件类型时,使用内容帮助快捷方式(Ctrl / Cmd +空间默认情况下)提出一系列建议。建议也输入触发后自动显示字符。如果可用,JSDoc也将显示在弹出。
JSON
智能感知用于JSON文件当编辑共同文件,得到内容帮助和文档的。你也可以链接的模式类似的支持当编辑不太常见的文件通过添加“美元模式”属性的JSON。
自动进口
在处理模块,内容帮助显示导出符号的名称在您的项目中找到。使用这个建议添加导入。
验证&产品毛羽
只有在编辑器中打开的文件会被验证。您将会看到错误、警告和信息标记编辑器的统治者地区以及/标记视图的问题。
注意:先进的JavaScript验证,确保您的项目有jsconfig。与checkJS json文件属性设置为true,或添加一个“/ / @ts-check”评论的文件。
ESLint
ESLint支持是内置的,但是你必须有一个ESLint配置文件在项目的根,和ESLint安装项目well-node_modules必须包括ESLint、以及任何ESLint插件使用。例如,当产品毛羽ES2020代码,您需要使用巴别塔的解析器。
快速修复
快速修复可用几个警告和错误,包括产品毛羽问题。只是悬停在等号看到链接的几个可能的修复。
代码分析和重构
使用Find引用行动找到引用JavaScript结构在当前文件或在您的项目。
重命名重构允许您重命名这些构造在您的项目。
导航
大纲视图
Outline视图描述的结构化视图函数和变量的JavaScript编辑器,让你快速的了解代码的结构。点击跳转到该部分的大纲中的一个元素的代码。
如果视图在当前不可见的角度来看,选择Window > Show View >其他>一般>大纲从工具栏。
快速概述
新闻Ctrl + O在编辑一个JavaScript文件打开快速代码大纲进行简单导航。
调试JavaScript Chrome和Firefox
断点在双击源代码的统治者。您可以将JavaScript文件的断点,或嵌入在JSP HTML / JavaScript文件。
创建一个新的调试配置:
- 从调试下拉,选择调试配置。
- 创建一个新的Chrome浏览器调试/启动Firefox调试器配置。
- 在URL字段中,粘贴您的应用程序的URL。
- 在工作目录字段中,指定项目的根文件系统路径。
- 点击调试启动调试会话。
Chrome调试注意:如果Chrome没有运行,这将在调试模式下启动Chrome。如果Chrome不是运行在调试模式下,点击调试运行Chrome实例重用,但JavaScript调试不会工作。在调试模式下启动Chrome使用——remote-debugging-port = 9222开关,或关闭浏览器,因此它可以自动开始有了正确的设置。
附录A: jsconfig.json
创建这个文件在您的JavaScript项目的根目录。这个配置文件可以被用来指定文件包含在项目的JavaScript上下文,以及编译和分辨率选项。
样本jsconfig.json
{" compilerOptions ": {“disableSizeLimit”:真的,“allowJs”:真的,“模块”:“commonjs”,“目标”:“es6”、“checkJs”:真正的},“排除”:[" node_modules "]}
详情,请参阅jsconfig.jsonReference。