前言

之前开发使用的是webstorm，由于种种原因，现在苯宝宝已经转战vscode，众所周知，vscode由于它丰富的插件功能而备受欢迎，下面记录一下苯宝宝作为一个小白使用插件的历程。

使用vetur插件格式化vue项目历程

在开始之前，叨叨几句废话，今天是有收获的一天。前两天大佬看我代码时，看我一个一个改eslint检查出的错误，告我可以一键格式化，然后还给我发了他写好的格式化代码的配置文件，我，欣然复制到自己的配置文件中。经过实践，真香。。。此处应该有掌声送给大佬。

昨天打算写个小练习，新建了一个vue项目，给vscode安装了vetur插件，想自己配置一下格式化。找到配置文件，准备工作就绪。然后去浏览器检索：vscode vetur 配置。嗯，，，然后发现没有搜到，，，今天没死心，又问了大佬，大佬说：“这是问题？”。嗯，对我确实是个问题，然后向大佬描述了遇到问题的过程。大佬先打开了vetur插件的功能贡献，明确的列了vetur的32个配置项。嗯。。。这是我的第一个问题，插件的介绍中一定会有使用说明，下次再使用插件，先看使用说明。大佬又说搜索你遇到的具体问题，比如：末尾不加分号。浏览器成功检索到答案，嗯。。。这是我的第二个问题，搜索内容太宽泛了，检索失败。到这里。。。我想配置一个配置文件的第一步在大佬的帮助下迈出了。

关于如何去配置vetur在这里就不多做说明了，成功检索之后，后面的事情就很easy了。

使用Auto Close Tag插件

有了上面的经验，苯宝宝打算再使用一个新的插件来检验学习成果，于是乎，选择了Auto Close Tag插件作为实践。

插件作用：自动添加闭合标签

【1】在插件描述中了解该插件的用途：

用途下面还有一些介绍的动画，嗯。。。应该给作者加个鸡腿，非常周到。

【2】安装了插件，改变开始标签，然鹅，，，结束标签并没有如我所愿的跟着改变，于是乎，找到插件的位置，位置：code→首选项→用户→扩展，在这里有我安装的所有插件。

找到Auto Close Tag，配置项中看到了这样一个描述：

很明确的说明，设置了语言之后插件才会生效。。。嗯，到这里问题基本就找到了，然后，点击在setting.json中编辑，直接跳转到了setting.json中，并且在这个文件中自动添加一个配置项，如下：

"auto-close-tag.activationOnLanguage": [
    
        "xml",
        "php",
        "blade",
        "ejs",
        "jinja",
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "plaintext",
        "markdown",
        "vue",
        "liquid",
        "erb",
        "lang-cfml",
        "cfml",
        "HTML (EEx)",
        "HTML (Eex)",
        "plist"
    ]

苯宝宝去代码中实践了一把，完全ok，到此，苯宝宝的第一个插件就安装成功了。

由此可知，有的插件不是install之后就可用，需要进行配置。

到这里，关于如何使用vscode插件苯宝宝就有了一个比较直观的认识，对于检索失败的问题，这需要一个漫长的提高过程，苯宝宝计划去有针对性的学习一下如何使用搜索引擎检索。