如何阻止Visual Studio 2022 IntelliSense自动补全时删除句点？

问题场景 #

使用Microsoft Visual Studio Enterprise 2022（64位）17.10.3版本时，JavaScript代码中输入对象名（如products）后打句点，选择IntelliSense补全项（如length）时，句点会被删除，最终变成productslength而非products.length。同一版本VS的其他项目无此问题。

示例代码：

let products = []; /* Store fetched products globally. */
async function initialize_Data() {
products = await fetchOnlineData(url_Products);
}

function CreateProductsListCardsHTML() {
products.forEach((product, index) => {
const cardHTML = CreateProductCardHTML(product);
productCards.insertAdjacentHTML('afterbegin', cardHTML);
})
}

解决方法 #

1. 对比并同步项目IntelliSense设置 #

• 分别打开正常项目和有问题的项目，进入工具 > 选项 > 文本编辑器 > JavaScript/TypeScript > IntelliSense，逐项对比设置差异，重点检查自动完成替换规则相关选项（如“插入补全时替换现有文本”是否误开启）。
• 直接导出正常项目的相关设置：在正常项目中打开工具 > 导入和导出设置 > 导出选定的环境设置，仅勾选“文本编辑器”下的JavaScript/TypeScript配置，导出后导入到有问题的项目中。

2. 重置IntelliSense缓存与语言服务 #

• 按Ctrl+Shift+P打开命令面板，输入并执行JavaScript/TypeScript: Restart Language Service，重启语言服务。
• 关闭VS后，删除项目根目录下的隐藏文件夹.vs，重新打开项目让VS重建缓存。

3. 检查项目配置文件差异 #

• 对比两个项目的jsconfig.json或tsconfig.json文件，查看compilerOptions中的配置（如target、module、strict模式）是否存在差异。若有问题的项目无此文件，可从正常项目复制一份测试。

4. 修复VS组件 #

• 打开VS Installer，选择“修改”，检查“JavaScript和TypeScript语言服务”组件是否正常，点击“修改”按钮修复该组件；若有新版本VS，可尝试更新到最新版本。

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