Vue.js 在SublimiteText下编码时自动导入VueJs组件

当我在SublimiteText 3上编写代码时，有没有办法在另一个VueJs组件中自动导入VueJs组件

例如，假设我有一个

MyComponent.vue

文件：

<template>
  <page-header
    :title="$t('title')"
    :count="playerSelector.total"
    :subtitle="$t('subtitle', playerSelector.total)"
    hide-search
  >
  ...
</template>
<script>
import PageHeader from '@/lib/components/PageHeader'; // automatically add this line

export default {
  name: 'MyComponent',
  ...

...
从“@/lib/components/PageHeader”导入PageHeader；//自动添加此行
导出默认值{
名称：“MyComponent”，
...

在这个示例中，我有一个组件

MyComponent

，它导入另一个自定义组件

…因此我想知道如何添加import语句

import PageHeader from'@/lib/components/PageHeader'；

，而不必每次实际键入它

---

我已经尝试为Sublime安装了

ImportJs

和

AutoImport

插件，但据我所知，它们只适用于

.js

或

.ts

文件。除了

.vue

文件之外，还有其他方法吗？

选择

工具→ 开发商→ 新建代码段…

，并将其内容更改为以下内容：

iph
source.javascript，text.html.vue

命中率(⌘，它将自动在您的

软件包/用户

文件夹中打开。选择

首选项时，会打开
软件包
目录→ 浏览软件包…

：

• Linux:

  ~/.config/sublime-text-3/Packages

• OS X:

  ~/Library/Application Support/Sublime Text 3/Packages

• Windows常规安装：

  C:\Users\YourUserName\AppData\Roaming\Sublime Text 3\Packages

• Windows便携式安装：

  InstallationFolder\Sublime Text 3\Data\Packages

将文件另存为

iph.sublime snippet

，就是这样。现在，当您编辑

.vue

文件时（假设您使用的是vue语法突出显示插件），键入

iph

，然后点击Tab，代码段将被插入。有关sublime文本中代码段的更多信息，请参阅

---

编辑

---

我现在对您想要的有了一个更好的了解-自动完成已安装的Vue组件。在这种情况下，请查看语言服务器协议插件，它也需要该插件和。一旦您正确设置了所有内容（确保您阅读了所有文档！），您应该可以访问自动完成、linting、代码格式化、代码导航等功能。

Nice！但这仅适用于示例“PageHeader”中指定的组件，对吗？我正在寻找一种方法，可以将任何组件导入到另一个组件中，而无需键入。就像组件自动完成/自动导入一样。@ArthurBorba请查看上面我编辑的答案。LSP和LSP vue应该可以做到这一点。嗯，我可能已经做到了……我已经安装了所有插件，现在当我开始键入“导入…”我在sublime的面板上看到了这一点：“Vetur error'import…=”只能在TypeScript文件中使用。我正在搜索它，但它确实深入到了另一个方面。我目前正在使用Vue2、Vue Cli，在这个项目中我没有使用TypeScript。