Vscode开发工具怎么少得了这款插件（妹子开心了）

前言

最近使用了Vscode编辑器写Vue前端代码，发现很坑，不少东西都不会提示，并且超级难找，因此这里记录一下小编的初使用过程当中遇到的坑。

---

1、Vue VSCode Snippets插件安装

这里小编第一次安装完成以后，发现他的一些命令根本不生效，我重启了Vscode仍是没啥反应，解决方式：

查看底部的状态栏当前的语法格式：

若是是html点击弹框以后选择vue的语法配置。

这样就有效果了，下面就来使用这个插件的功能。

2、使用步骤

1.生成vue基本模板代码

首先用vscode新建一个.vue的文件后，竟然是空白的，我靠，顿时我啥了，以前用webstorm用的多了，突然不习惯。

上面咱们已经安装配置好了插件，咱们就可使用插件命令生成咱们vue的基础模板。

vbase
复制代码

输入vbase回车，就会帮咱们生成基础模板。

2.自定义模板

好比这个时候你想生成一些注释，和咱们java类同样，基本的描述信息，建立时间，那怎么作呢？咱们已经安装好了这个插件，咱们只须要修改里面的配置便可。

首先找到这个jso文件：C:\Users\DT开发者.vscode\extensions\sdras.vue-vscode-snippets-2.2.0\snippets 通常默认安装了插件以后都会在这个位置能找到。

打开vue.json加入咱们本身的配置，保存而后重启Vscode。

3.经常使用快捷键

好比：

vdata
复制代码

如下是全部快捷键的使用：

详细可看官网：github.com/sdras/vue-v…

总结

使用上对的工具，好的工具可以为咱们开发带来很高的效率，避免重复CV，效率高不高全靠工具使用的好很差。