如何使用Eclipse编写JavaScript代码?新手求助:新建项目无JS选项
嘿,作为曾经也踩过Eclipse JS开发坑的人,我来给你捋捋!你找不到JavaScript项目选项,核心原因是默认的Eclipse版本没装JS开发工具插件,咱们一步步解决:
一、先装JavaScript开发插件(JSDT)
这是解决找不到项目选项的关键,有两种常用安装方式:
- 方法1:通过Eclipse Marketplace(简单直观)
- 打开Eclipse,点击顶部菜单栏的
Help->Eclipse Marketplace - 在搜索框输入 JavaScript Development Tools(或者直接搜JSDT),回车搜索
- 找到Eclipse Foundation官方发布的插件,点击
Install,跟着提示完成安装,最后重启Eclipse就行
- 打开Eclipse,点击顶部菜单栏的
- 方法2:通过Install New Software(适合网络不好的情况)
- 点击
Help->Install New Software - 在
Work with下拉框选择你当前Eclipse版本的官方更新站点(比如2024-06版本对应https://download.eclipse.org/releases/2024-06/) - 搜索框输入
JavaScript,勾选所有带JavaScript Development Tools的组件,点击下一步完成安装,重启Eclipse
- 点击
二、安装完成后,开始写JavaScript代码
插件装好重启后,就能正常创建JS项目和写代码了:
- 新建JavaScript项目:点击
File->New->Project,现在就能看到JavaScript分类,展开后选JavaScript Project,填好项目名称,跟着向导完成创建 - 新建JS文件:右键项目里的
src文件夹,选New->JavaScript File,给文件起个名字(比如main.js),双击打开就能开始写代码了 - 运行JS代码:
- 如果是纯JS脚本,右键JS文件,选
Run As->JavaScript Application,Eclipse的控制台会输出运行结果 - 如果是网页配套的JS,右键项目新建
HTML File,把JS代码用<script>标签嵌入进去,然后右键HTML文件选Open With->Web Browser就能在浏览器里测试效果
- 如果是纯JS脚本,右键JS文件,选
小技巧提升开发体验
- 可以装
ESLint插件做代码规范检查,或者CodeMix增强JS的开发功能,这些都能在Eclipse Marketplace里搜到 - 你还可以通过
Window->Preferences->JavaScript调整编辑器的语法高亮、代码补全规则,改成自己习惯的样子
内容的提问来源于stack exchange,提问作者Charlotte Panais
相关产品推荐
相关产品推荐

