2014-03-26 80 views
9

支架看上去不错,但我使用它遇到两个问题:方括号:如何使自动完成/自动加入作品?

首先,我通常会自动完成标签是这样的:div.class - PRESS TAB -成为<div class="class"></div>

我不能做到这一点......我尝试下载一些插件,实在不行......

问题:

#container 
    h3 
     color: $ltGreen 
     text-transform: uppercase 
     font-size: em(24) 
     margin-bottom: 0.5em 
     font-weight: bold 

在这个例子中,如果我按下Enter/Return键,在那部分代码中的任何地方,光标回到行的开头......所以我必须每次按下tab键大量的时间按enter/return ...

是否有可能在括号中做到这一点?怎么样 ?

回答

8

对于第一个问题,请尝试Emmet extension。它可以让你使用确切的CSS-like shorthand并自动将其扩展为HTML代码。

对于第二个问题,你在什么类型的文件?括号使用“智能缩进”根据代码的语法将光标放在新行上。如果你在一个HTML文件中,它将遵循游标周围标签的嵌套级别来决定缩进多少(因为上面的代码是不正确的HTML语法,所以它不会用它作为缩进的提示 - 它会将其视为纯文本内容,忽略)。如果你使用的是纯文本文件,它只会跟随附近行的缩进(所以你所描述的问题不会发生)。

看起来你可能实际上是在写这种情况下的代码"classic"-style Sass?如果是这样,只要确保您使用标准.sass文件扩展名,换行符应该自动获得正确的缩进级别。

这里有一个.sass文件应该是这样,按Enter什么: enter image description here

并按下Enter键后 - 请注意光标正确缩进: enter image description here

+0

对于第一个问题:谢谢:),对于第二个问题,我在.sass文件上使用了Sass语法。这就是为什么我不明白... – enguerranws

+0

埃米特为HTML/CSS做了一个完美的工作。你有相同的PHP和JS文件?我不能相信这些东西不是来自本地网页编辑器...... – enguerranws

+0

@enguerranws:我已经添加了上面的截图。当你打开一个'.sass'文件时它不是这样吗?我不确定是否有类似PHP或JS代码的Emmet。有其他编辑有这样的功能吗?看到一个例子可能有助于寻找类似的东西。 (但请注意:JS代码提示将接受camelcase匹配和其他简写 - 这是您想要的_bit_)。 – peterflynn

0

尝试Shift + Enter键的标记时建议。

+0

这是有帮助的,如果评论....这是为我工作,我谷歌然后打开此页作为第一,我寻求这个热键。但这不是答案。最好作为评论 –

+0

谢谢!这是我在Google搜索时发现这个问题时想知道的。 – NealWalters

相关问题