V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
xuecat
V2EX  ›  React

vscode 写 react 中 html 的标签头要一个一个敲,太麻烦了。如何解决?

  •  
  •   xuecat · 2016-10-10 22:58:32 +08:00 · 11926 次点击
    这是一个创建于 2747 天前的主题,其中的信息可能已经有所发展或是发生改变。

    如题,我用写 react 的标签头<div></div>都是一个一个敲出来的,太麻烦了。

    我发现 vscode 有个 html snippets 的插件,打个idv就可以把<div></div>整句打印出来,然而有个遗憾就是它只在 html 文件下才有效。

    请问大家是如何快速打出标签头的?

    10 条回复    2016-10-11 12:40:38 +08:00
    yangxiongguo
        1
    yangxiongguo  
       2016-10-10 23:20:10 +08:00
    emmet ,神器

    搭车问一下:用 sublime 写 vue 时,组件名不能被 emmet 识别,例如在 template 输入 abc 然后按 tab 键,不会变成 <abc></abc> ,请问有没有解决方案
    seki
        2
    seki  
       2016-10-10 23:21:44 +08:00
    在用 atom 的我也很想知道怎么解决这个问题 - -
    muziki
        3
    muziki  
       2016-10-10 23:29:25 +08:00
    google 一下就有不少插件啊
    chmlai
        4
    chmlai  
       2016-10-10 23:39:30 +08:00
    react 不是自己有个基于 atom 的 IDE 吗?
    hyperdak
        5
    hyperdak  
       2016-10-10 23:45:45 +08:00
    根据 sublime text 的插件经验,把其他文件也注册了就行了
    hronro
        7
    hronro  
       2016-10-11 08:44:39 +08:00 via Android
    vs code 默认就支持在 jsx 中使用 emmet 啊
    Trim21
        8
    Trim21  
       2016-10-11 08:56:07 +08:00 via Android
    div<tab> 就变成你想要的了
    xuecat
        9
    xuecat  
    OP
       2016-10-11 12:35:25 +08:00
    @Trim21 亲,我不懂你的意思,能不能详细点。谢谢,我有一次也是无意快捷键按出来的,但是忘了。
    xuecat
        10
    xuecat  
    OP
       2016-10-11 12:40:38 +08:00
    哦哦哦!!原来如此, emmet 语法碉堡了!!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5571 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 02:53 · PVG 10:53 · LAX 19:53 · JFK 22:53
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.