vscode个人配置

作者: bkbtp 分类: 前端 发布时间: 2018-04-26 16:13

vscode插件

blob.jpg

首选项设置

{
    "workbench.colorTheme": "One Dark Pro",
    "workbench.iconTheme": "vscode-icons",
    "editor.tabSize": 2,
    "files.associations": {
        "*.vue": "vue"
    },
    "eslint.autoFixOnSave": true,
    "eslint.options": {
        "extensions": [
            ".js",
            ".vue"
        ]
    },
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
          "language": "html",
          "autoFix": true
        },
        {
          "language": "vue",
          "autoFix": true
        }
    ],
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/dist": true
    },
    "emmet.syntaxProfiles": {
        "javascript": "jsx",
        "vue": "html",
        "vue-html": "html"
    },
    "extensions.autoUpdate": true,
    "editor.cursorBlinking": "smooth",
    "workbench.startupEditor": "welcomePage",
    "files.autoSave": "off",
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "editor.wordWrap": "on",
    "vetur.validation.template": false,
    "search.followSymlinks": false,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-aligned"
        }
    }
}

个人代码段

vue.json

{
    "Create vue template": {
        "prefix": "vtpl",
        "body": [
            "<template>",
            "  <div></div>",
            "</template>",
            "",
            "<script type=\"text/ecmascript-6\">",
            "export default {",
            "  data () {",
            "    return {",
            "    }",
            "  }",
            "}",
            "</script>",
            "",
            "<style lang=\"${1:css}\" scoped>",
            "</style>",
            ""
        ],
        "description": "Create vue template"
    }
}

发表评论

电子邮件地址不会被公开。 必填项已用*标注

知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。