css - VScode中emmet的预设值可以修改么

查看:1153
本文介绍了css - VScode中emmet的预设值可以修改么的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

比如键入 ! 后展开的话,VScode的展开内容是

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

这里的 lang 字段可以修改么?我记得Sublime里面好像是可以修改的,一般来说改成 zh-CN就够了,如果能改成自适应编辑器语言那就更好了。
类似的还有css的默认 font-family 什么的,我都想改一改,请问VScode里有对应的设置项或者扩展么?

解决方案

自己搞定了,新建一个 snippets.json 并保存,内容如下:

{
    "variables": {
        "lang": "zh-CN"
    },
    "css": {
        "snippets": {
            "ff:zh": "font-family: Arial,\"Times New Roman\",\"Microsoft YaHei\",SimHei;"
        }
    }
}

打开 文件 - 首选项 - 设置,搜索 emmet.extensionsPath 将其值改为刚刚创建的 snippets.json 所在目录的路径如 C:\\Users\\thelastfantasy\\MyEmmetExtensions,保存后重载VScode就生效了。

更新:
从VScode 1.14.0版本开始已经可以直接在VScode设置文件中修改 emmet.variables 字段来进行Emmet全局变量的修改,如:

  "emmet.variables": {
      "lang": "zh-CN",
      "charset": "UTF-8"
  }

这篇关于css - VScode中emmet的预设值可以修改么的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆