vscode如何找到快捷输入的设置项？

Question

比方说这个log，如果在vue的项目中，会自动引入一个

import { log } from '@antv/g2plot/lib/utils';

这个不知道是怎么加上的，有办法可以去掉吗？

Answer 1

这个是 vscode 的 auto-imports 特性，如果需要紧掉，可以配置 javascript.suggest.autoImports 为 false, ts 也同理。

Automatic imports speed up coding by suggesting available variables throughout your project and its dependencies. When you select one of these suggestions, VS Code automatically adds an import for it to the top of the file.

Answer 2

设置中，搜索Snippet Suggesttions，设置为top即可。

如果有Vetur的Auto Import，可以禁用。（设置上一步，这一步可以跳过）

Answer 3

你的快捷键是指 Code snippets吧？

点击这里查看更多信息

如果英文看不懂；浏览器直接搜索 VScode Code snippets 按照步骤操作就行

Answer 4

你可以为打印创建一个用户代码片段，以后输入clog即可触发提示

{
  // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and
  // description. Add comma separated ids of the languages where the snippet is applicable in the scope field. If scope
  // is left empty or omitted, the snippet gets applied to all languages. The prefix is what is
  // used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders.
  // Placeholders with the same ids are connected.
  // Example:
  // "Print to console": {
  //     "scope": "javascript,typescript",
  //     "prefix": "log",
  //     "body": [
  //         "console.log('$1');",
  //         "$2"
  //     ],
  //     "description": "Log output to console"
  // }
  "console.log Print to console": {
    "prefix": "clog",
    "body": ["console.log($2)"],
    "description": "console.log"
  }
}