Question

我刚开始使用ANgularJS和Ionic。我使用Emmet包和sublime Text for Html自动完成。我刚开始我的角度/离子项目，我注意到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文件吗？

Answer 1

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

Emmet sublime文本包不适用于角度项目

1 个答案: