使用vscode碰到的问题以及一些配置

2024/08/09

Quick Fix 的快捷键 ctrl + . 无效 #

大概率是与其他快捷键有冲突了

笔者换了台电脑发现无效，检查发现是跟微软拼音输入法中的中英文符号切换快捷键冲突了，禁用掉即可。

解决 VSCode Ctrl + 。快捷键被占用

2023/12/19

自动引入时不添加分号 #

{
  "javascript.format.semicolons": "remove"
}

2023/07/19

自动引入路径添加 .js #

假设我们结构如下：

- utils.js
- app.js

// utils.js
export function foo() {
  return 'hello world'
}

在 app.js 输入 foo 时会自动提示是否引入，回车后会自动在顶部添加 import 语句：

import { foo } from './utils'

但是少了 .js 后缀名，如果我们的项目是 webpack、vite 等工具打包的，它会自动帮我们添加后缀名，但如果是直接用在浏览器上的话就会找不到对应模块，而手动添加 .js 又非常麻烦，因此我们可以配置如下：

// .vscode/setting.json
{
  "javascript.preferences.importModuleSpecifierEnding": "js",
}

自动写入的语句就会加上后缀名了。