Visual Studio 使用笔记

通用

*** 切换主题风格

File > Preferences > Color Theme

前端开发

*** 快速生成 HTML

后缀名为 html 的文件，长按 ! + Tab

*** 格式化 JS 代码配置

1、File > Preferences > Settings

2、搜索 vetur.format.defaultFormatterOptions，点击 Edit in settings.json

{
    "vetur.format.options.tabSize": 4, // 缩进数量
    "vetur.format.defaultFormatter.html": "js-beautify-html", // html 不换行
    "vetur.format.defaultFormatter.js": "vscode-typescript", // js 不换行
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_line_length": 0, // 默认是 120，为 0 代表不换行
            "wrap_attributes": "auto",
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "semi": true, // 有无分号
            "sortAttributes": true // 单引号
        }
    }
}

*** 字体设置

1、File > Preferences > Settings

2、找到 Font

Font Family 修改字体，

• 最前面的字体优先使用
• 如果字体包含空格，需要用单引号包裹
• 字体之间用半角逗号分隔

Font Size 修改字体大小