vsCode配置

前端大颖颖

已于 2024-05-06 17:51:56 修改

阅读量43

点赞数

分类专栏：常见问题汇总文章标签： vscode html

于 2021-05-14 12:46:44 首次发布

本文链接：https://blog.csdn.net/qq_40544434/article/details/116787135

版权

常见问题汇总专栏收录该内容

34 篇文章 0 订阅

订阅专栏

插件：

搜索，安装
在这里插入图片描述

字体：Fira Code
bookmarks:书签快捷键 ctrl+alt+k
Chinese (Simplified) Language Pack for Visual Studio Code：vscode 汉化
highlight-icemode：选择代码高亮
Bracket Pair Colorizer 2：突出显示成对的括号
vscode-icons：文件后缀图标
Project Manager:多项目管理
格式化css:Beautify css/sass/scss/less
Git History
GitLens — Git supercharged

vscode vetur的一些settings.json配置:

shift+ctrl+p打开设置，搜索setting json选择如下：
在这里插入图片描述
将下面代码复制进去

{
    "workbench.colorTheme": "Quiet Light",
    "files.autoSave": "afterDelay",
    //忽略Vetur find `tsconfig.json`/`jsconfig.json`, but they aren‘t in the project root.提示
    "vetur.ignoreProjectWarning": true,
    //保存时格式化
    "editor.formatOnSave": true,
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "auto",
            "wrap_line_length": 12000,
            "end_with_newline": false
        }
    },
    "explorer.confirmDelete": false,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    //tab自动补全html
    "emmet.triggerExpansionOnTab": true,
    "workbench.editor.enablePreview": false
}