vscode emmet 没有自动提示

Question

我的所有其他项目都有效，但我无法弄清楚这个原始示例与其他包含很多 npm 包的示例之间有什么不同。

输入时不会自动提示

export type THello = string;
export interface Props {
  hello: string
}
const myvar: Pro // <- expect to see autosuggest happen here...

package.json

{
  "name": "ts",
  "version": "0.0.1",
  "private": true,
  "license": "ISC",
  "dependencies": {
    "ts-node": "^9.1.1",
    "tslib": "^2.1.0",
    "typescript": "^4.1.2"
  },
  "devDependencies": {
    "typescript-tslint-plugin": "^1.0.1"
  }
}

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "module": "commonjs",
    "lib": [
      "es2018",
      "es2015",
      "es5",
      "es6",
      "dom",
      "esnext.asynciterable"
    ],
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "plugins": [
      {
        "name": "typescript-tslint-plugin"
      }
    ],
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "pretty": true,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "paths": {
      "src/*": [
        "src/*"
      ],
    },
    "watch": true,
    "strict": true,
    "allowJs": true, // problem with visual studio code import module resolutions if file does not sit inside src/
    "target": "es5",
    "forceConsistentCasingInFileNames": true
  },
  "include": [
    "src/**/*"
  ]
}

index.ts

export type THello = string;
export interface Props {
  hello: string
}

Answer 1

你相信是这一行让我的 vscode emmet 无法正常工作吗

babel.config.js

console.log(1); // <- this console log is breaking vscode emmet auto suggest.
module.exports = {
  presets: ['next/babel']
};

查看创建的回购以证明问题 https://github.com/inspiraller/vscode-emmet

vscode emmet 没有自动提示

vscode emmet not auto suggesting

typescript

vscode-settings