时间戳

首页 > 解决方案 > vscode emmet 不自动提示

typescript - vscode emmet 不自动提示

问题描述

我所有其他项目都可以工作，但我无法弄清楚这个 vanilla 示例与其他包含大量 npm 包的示例之间有什么不同。

输入时不会自动提示

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

包.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/**/*"
  ]
}

索引.ts

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

标签： typescriptvscode-settings

解决方案

您是否相信正是这一行使我的 vscode emmet 无法正常工作

babel.config.js

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

请参阅创建的 repo 以演示问题 https://github.com/inspiraller/vscode-emmet

推荐阅读