HTML中的代码完成/自动完成Angular / typescript ATOM

Posted 2023-02-22

【中文标题】HTML中的代码完成/自动完成Angular / typescript ATOM

【英文标题】：Code Completion / autocomplete Angular / typescript ATOM in HTML

【发布时间】：2017-01-26 05:33:41

【问题描述】：

我想知道是否有可能在 Atom 中获得类似的代码完成/自动完成功能，就像 Webstorm 一样。

现在我正在尝试习惯 typescript，到目前为止我真的很喜欢它，但真正让我烦恼的是，我无法让 atom 中的任何 Codecompletion 为我的 html 文件工作。

这会让我的生活变得更轻松...... 这就是它在 Webstorm 中的样子（试用版）

界面很简单：

interface Person 
     name: string;
     lastName: string;
     birthday: number;

控制器看起来像这样：

module myModule 
export interface IMyScope extends ng.IScope 
    person: Person;


export class MyCtrl 
    constructor($scope: IMyScope) 
        $scope.person.name = "Lucifer";
    

angular
    .module('myModule')
    .controller('MyCtrl', MyCtrl);

它在 *.ts 文件中运行良好... 例如在 Atom 中：

但它不适用于 HTML 文件。 像这儿：

您能告诉我的任何提示、配置问题将不胜感激！ 感谢阅读！

【问题讨论】：

我想你可以看看这个link

你可以试试这个VsCode扩展@angular/language-service@5.0.0-beta.5 and typescript@2.4.2

【参考方案1】：

原子中一个好的自动完成包是Autocomplete Plus。

在文档中，它链接到providers 的列表，您想要的是html。

【讨论】：

很好的建议；但是，我们正在寻找一个支持来自相应 Angular 组件的 TypeScript 的 HTML 自动完成包。

@Trent - 你现在使用的是atom.io/packages/atom-typescript吗？

是的，我正在使用atom-typescript 包。