Visual Studio Code

这里整理收集一些Visual Studio Code相关的东东，包括：其自身、常用插件……由于Visual Studio Code有点长，后面使用VSCode代替。

官网

官网地址：Visual Studio Code - Code Editing. Redefined

插件

这里整理介绍一下常用的插件……插件官网：Extensions for Visual Studio family of products | Visual Studio Marketplace

Prettier - Code formatter

格式化代码必备插件。官网地址：Prettier · Opinionated Code Formatter、在线预览效果：Prettier Online 。其实VSCode自带也不错，但是支持文件类型有限（尤其是.vue文件），所以选择了她。Prettier有很多配置项，详细的可以看一下官网：Options · Prettier，有些配置项是有代码示例的。

下面是我们的配置项：

{
    "arrowParens":"always",
    "bracketSameLine":true,
    "bracketSpacing":true,
    "embeddedLanguageFormatting":"auto",
    "endOfLine":"lf",
    "htmlWhitespaceSensitivity":"css",
    "jsxSingleQuote":false,
    "printWidth":1024,
    "proseWrap":"preserve",
    "quoteProps":"consistent",
    "requirePragma":false,
    "semi":true,
    "singleAttributePerLine":false,
    "singleQuote": false,
    "tabWidth": 4,
    "trailingComma": "none",
    "useTabs":false,
    "vueIndentScriptAndStyle":true
}
            

你可以将上面的配置项放到一个JSON文件中，并添加到Prettier: Config Path配置项中