vscode使用说明

1.默认的语法补全

vscode不安装语法插件的情况下，对与html，css，js文件都有语法提示和代码补全

2.格式化对齐快捷键

• Windows：Shift + Alt + F
• Mac： Shift + Option + F

3.vue文件语法高亮插件：Vetur

vscode默认无法对后缀名为vue的文件提供语法提示和代码补全，甚至连代码高亮都没有，需要安装 Vetur，支持vue文件的语法高亮，但是不支持HTML代码补全

4.在.vue文件中使用html代码补全功能

点击文件 --> 首选项 --> 设置 --> 搜索 emmet.triggerExpansionOnTab，勾选启用

5.格式化代码

安装vue-format，右键菜单选中vue-format即可，安装界面有项目配置说明

{
    "html_indent_root": false, // 是否缩进vue template中的根节点
    "break_attr_limit": -1, // tag 的 attrs 大于该数值时，强制 attrs 换行，-1时不换行
    "attr_end_with_gt": true, // break_attr_limit省生效时，tag的">"是否不换行，默认true
    "format_need": ["html", "js", "css"], // vue单文件中需要格式化的语言，默认["html", "js", "css"]。从数组中删除你不希望格式化的语言
    "js-beautify": {
        "indent_size": "editor.tabSize",
        "indent_char": " ",
        "indent_with_tabs": false,
        "brace-style": "collapse",
        "space_after_anon_function": true,
        "css": {},
        "js": {},
        "html": {
            // "force_format": ["template"],
            "wrap_attributes": "auto"
        }
    },
    "pug-beautify": {
        "fill_tab": false
    }
}