vscode 添加插件提示 class

最新推荐文章于 2024-01-31 21:49:11 发布

h5433

最新推荐文章于 2024-01-31 21:49:11 发布

阅读量3.5k

点赞数 4

分类专栏： vue 学习记录文章标签： vscode css 前端

本文链接：https://blog.csdn.net/h5433/article/details/127531243

版权

vue 学习记录专栏收录该内容

13 篇文章 0 订阅

订阅专栏

vscode 添加插件提示 class

之前一直是使用webstrom的，有class提示的功能，现在因为同事都使用vscode 所以我也换了开工具，我习惯 css 一般是系统提示，所以vscode 也配置了一下，写个文章做个记录
在这里插入图片描述

安装插件

HTML CSS Support
HTML-CSS-Class-Completion
Easy Sass
在这里插入图片描述

配置插件属性找到设置>setting.json

// 保存时格式化 
"editor.formatOnSave": true,
"gitlens.advanced.messages": {
    "suppressFileNotUnderSourceControlWarning": true
},
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.parameterHints.enabled": true,
"editor.quickSuggestions": {
    //开启自动显示建议
    "other": true,
    "comments": true,
    "strings": true
},
// HTML CSS Support  支持的语言
"css.enabledLanguages": [
    "html","vue"
],
// HTML CSS Support    其他样式表
"css.styleSheets": [
    "/src/assets/common.css",
    "${fileBasenameNoExtension}.css"
],
//HTML-CSS-Class-Completion  在编写Emmet缩写时启用补全。
"html-css-class-completion.enableEmmetSupport": true,
//  Easy Sass
"easysass.formats": [

    {
        "format": "expanded",
        "extension": ".css"
    }
],