如何在Eclipse中配置JavaScript/TypeScript格式化设置？

一、基于Wild Web Developer(WWD) Generic Editor的完整格式化方案 #

WWD的Generic Editor依赖语言服务器实现高级格式化功能，推荐使用TypeScript Language Server（对JS和TS均兼容），配置步骤如下：

1. 确认WWD插件安装 #

• 打开Help > Eclipse Marketplace，搜索并安装Wild Web Developer插件（若未安装）
• 该插件默认集成TypeScript Language Server，无需单独安装

2. 绑定语言服务器与Generic Editor #

• 打开Window > Preferences > Language Servers
• 在左侧列表找到TypeScript，右侧将关联编辑器设为Generic Editor（默认已绑定，若未绑定手动选择即可）

3. 配置括号空格、换行等格式化规则 #

• 打开Window > Preferences > Languages > JavaScript/TypeScript > Code Style > Formatter
• 点击Edit进入规则配置页，可设置：
  • 括号空格：在Braces分类下，调整Before opening brace、After opening brace、Before closing brace等选项，定义括号前后的空格规则
  • 换行策略：在Line Wrapping分类下，针对函数声明、条件语句、对象字面量等结构设置换行逻辑
• 配置完成后点击Apply and Close保存

4. 启用保存自动格式化 #

• 打开Window > Preferences > Languages > JavaScript/TypeScript > Editor > Save Actions
• 勾选Perform the selected actions on save，然后勾选Format source code
• 保存设置后，每次保存JS/TS文件时会自动执行格式化

二、WTP JSDT JavaScript Editor启用指引 #

若仍想尝试使用JSDT编辑器：

• 打开Window > Preferences > General > Editors > File Associations
• 在File types中选择.js或.ts，在Associated editors中添加JavaScript Editor（来自WTP JSDT）并设为默认
• 若找不到该编辑器，需通过Help > Install New Software安装**Eclipse Web Tools Platform (WTP)**组件（选择对应Eclipse版本的WTP更新站点）

内容的提问来源于stack exchange，提问作者Nemo