vscode下的Emmet插件是什么?

来源:2-3 CSS3-浏览器兼容性

rayyli

2020-11-05 21:30:27

VS Code 下的 Emmet插件 或者 相同功能插件是哪个插件?

​麻烦老师推荐一下,谢谢~

写回答

2回答

好帮手慕码

2020-11-06

同学你好,解答如下:

1、可以安装Autoprefixer插件

http://img.mukewang.com/climg/5fa4e0cd090f796503620449.jpg

2、将版本调成2.2.0

http://img.mukewang.com/climg/5fa4e0df094eb5e204350572.jpg

3、安装成功之后需要进行设置

http://img.mukewang.com/climg/5fa4e0f509ea20fd04640543.jpg

http://img.mukewang.com/climg/5fa4e10009c5163306330760.jpg

4、点击settings.json中编辑进去添加

http://img.mukewang.com/climg/5fa4e11209fe33dd02910108.jpg

"autoprefixer.browsers": [
"last 0 versions",
"> 5%"
]

5、按照上方操作完之后,重启编辑器。

6、在css文件中测试,在文件中右击鼠标出现菜单,选择命令面板:

http://img.mukewang.com/climg/5fa4e1320958a32f08080836.jpg

http://img.mukewang.com/climg/5fa4e13a092de5a003180109.jpg

7、只在css文件中比较好使,如下:

http://img.mukewang.com/climg/5fa4e15e0960783104910192.jpg

祝学习愉快~

1

好帮手慕码

2020-11-06

同学你好,vscode插件内嵌了Emmet插件,下载之后是可以直接使用快捷键的,例如:

快速生成多个相同的标签:

http://img.mukewang.com/climg/5fa4b3b00954f33301640066.jpg

快捷创建添加类名的标签:

http://img.mukewang.com/climg/5fa4b3bf097cf23402340070.jpg

祝学习愉快~​

0
hayyli
h 老师,那请问兼容性的前缀怎么能一次自动打出来?
h020-11-06
共1条回复

0 学习 · 15276 问题

查看课程