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

2016-10-10 22:58:32 +08:00
 xuecat

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

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

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

12149 次点击
所在节点    React
10 条回复
yangxiongguo
2016-10-10 23:20:10 +08:00
emmet ,神器

搭车问一下:用 sublime 写 vue 时,组件名不能被 emmet 识别,例如在 template 输入 abc 然后按 tab 键,不会变成 <abc></abc> ,请问有没有解决方案
seki
2016-10-10 23:21:44 +08:00
在用 atom 的我也很想知道怎么解决这个问题 - -
muziki
2016-10-10 23:29:25 +08:00
google 一下就有不少插件啊
chmlai
2016-10-10 23:39:30 +08:00
react 不是自己有个基于 atom 的 IDE 吗?
hyperdak
2016-10-10 23:45:45 +08:00
根据 sublime text 的插件经验,把其他文件也注册了就行了
czmecho
2016-10-11 01:01:04 +08:00
hronro
2016-10-11 08:44:39 +08:00
vs code 默认就支持在 jsx 中使用 emmet 啊
Trim21
2016-10-11 08:56:07 +08:00
div<tab> 就变成你想要的了
xuecat
2016-10-11 12:35:25 +08:00
@Trim21 亲,我不懂你的意思,能不能详细点。谢谢,我有一次也是无意快捷键按出来的,但是忘了。
xuecat
2016-10-11 12:40:38 +08:00
哦哦哦!!原来如此, emmet 语法碉堡了!!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/311746

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX