Emmet 崇高文本包不适用于 Angular 项目答案

【问题标题】：Emmet sublime text package doesnt work with angular projectEmmet 崇高文本包不适用于 Angular 项目
【发布时间】：2016-03-17 05:46:39
【问题描述】：

我刚开始使用 ANGularJS 和 Ionic。我正在使用带有 sublime Text 的 Emmet 包进行 Html 自动完成。我刚刚开始我的 angular/ionic 项目，我注意到 emmet 不适用于我的 html 文件。例如 index.html：

<!DOCTYPE html>
<html >
<head >
    <meta charset="utf-8" >
    <meta name="viewport"
          content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width" >
    <title ></title >

    <link href="lib/ionic/css/ionic.css"
          rel="stylesheet" >
    <link href="css/style.css"
          rel="stylesheet" >

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js" ></script >

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js" ></script >

<script src="js/patch.js" ></script >
    <script src="js/app.js" ></script >
</head >
<body ng-app="soundboard" >
<ion-pane ng-controller="SoundBoardCtrl">
    <ion-header-bar class="bar-energized" >
        <h1 class="title" >Soundboard</h1 >
    </ion-header-bar >
    <ion-content >
        <ion-list show-delete="model.showDelete" show-reorder="model.showMove">
      <ion-item  ng-click="play(sound)" ng-repeat="sound in model.sounds" class=" item-avatar item-icon-right" >
        <img ng-src="{{sound.image}}"/>
        <h2>{{sound.title}}</h2>
        <p>{{sound.desc}} </p>
        <i class="icon ion-volume-high"></i>
        <ion-delete-button class="ion-minus-circled"></ion-delete-button>
        <ion-reorder-button class="ion-navicon"></ion-reorder-button>
      </ion-item>
        </ion-list >
    </ion-content >
</ion-pane >
</body >
</html >

为什么会这样？ Emmet 不应该检测到这是一个 html 文件吗？

【问题讨论】：

标签： angularjs sublimetext2 emmet

【解决方案1】：

我最近切换到 Sublime Text 3 (beta) 在开始使用 Ionic 之后，并且一直在 HTML 文件中成功使用带有 Ionic 标记的 Emmet 插件，但内部的一些标记除外一个 Angular 模板：<script type="text/ng-template">。我在使用 Emmet 编辑时将它们更改为 <div type="text/ng-template">，然后在完成后将它们更改为脚本标签。我建议您试一试 - 需要注意的一点是您的一些 ST2 插件可能在 ST3 中不可用。

【讨论】：