如何让Visual Studio使用别名而不是相对路径导入javascript模块?

时间:2016-07-09 12:21:26

标签: javascript typescript angular visual-studio-2015

我正在使用Resharper在Visual Studios中使用Typescript尝试Angular2。看来,当通过导入提示导入类时,将使用库的相对路径。

例如,我没有导入Validators类,我得到了这个提示并继续导入它。 enter image description here

我将在我的代码顶部获得此import语句:

import {Validators} from "../../../node_modules/@angular/forms/src/validators";

如何让Visual Studio通过别名而不是相对路径导入模块和脚本?这样看起来就像这样:

import { Validators } from '@angular/common';

1 个答案:

答案 0 :(得分:0)

使用Resharper 2017.2.2的Visual Studio 15.5.2为我找到了正确的参考。

see

尝试从@ angular / forms

导入
<div class="structure">
<div class="wrap">
    <div class="divOne">
        <input type="text" class="class01 myClass01" value="">
    </div>
    <div class="divTwo">
        <fieldset>
            <legend>Sub-items</legend>
            <div>
                <div class="divTwoButtons">
                    <a class="divTwoButton" href="javascipt:void(0);">GET THIS WRAP INPUT CLASSES</a>
                </div>  
            </div>
        </fieldset>
    </div>
</div><!-- end wrap -->

<div class="wrap">
    <div class="divTwo">
        <input type="text" class="class02 myClass02" value="">
    </div>
    <div class="divTwo">
        <fieldset>
            <legend>Sub-items</legend>
            <div>
                <div class="divTwoButtons">
                    <a class="divTwoButton" href="javascipt:void(0);">GET THIS WRAP INPUT CLASSES</a>
                </div>  
            </div>
        </fieldset>
    </div>
</div><!-- end wrap -->
</div><!-- end structure -->