前语

最近运用了Vscode编辑器写Vue前端代码,发现很坑,许多东西都不会提示,并且超级难找,所以这儿记载一下小编的初运用进程中遇到的坑。


一、Vue VSCode Snippets插件设备

Vscode开发工具怎样少得了这款插件(妹子快乐了)

这儿小编第一次设备完结之后,发现他的一些指令根柢不收效,我重启了Vscode仍是没HTML啥反应,处理方法:

检查底部的状态栏其时的语法格式:

Vscode开发工具怎样少得了这款插件(妹子快乐了)

如果是html点击弹框之vue.js介绍后选择vue的语法装编辑器未包含main类型备。

Vscode开发工具怎样少得了这款插件(妹子快乐了)
这样Java就有作用了,下面就来运用这个插件的功用。

二、运用进程

1.生成vGitue根柢模板代码GitHub

首要用vscode新建一javaee个.vue的文件后前端面试题,居然是空白的,我靠,顿时我啥了,之前用webstorm用的多了,遽然不习惯。

Vscode开发工具怎样少得了这款插件(妹子快乐了)

上面咱们现已设备装备好了插件,咱们就可以运用插件指令生成咱们vue的根底模板。

vbase

Vscode开发工具怎样少得了这款插件(妹子快乐了)

输入vbase回车,就会帮咱们生成根底模板。

Vscode开发工具怎样少得了这款插件(妹子快乐了)

2.自定义模板

比方这个时分你想生成一些注释,和咱们javgitia类相同,根柢的描绘信息,创立时html5间,那怎样做呢?html5咱们现已设备好了这个插件,咱们只需求修改里边的装备即可。

首要找到这个jso文件:前端和后端的差异C:java难学吗U前端框架sersDT开发者.vsc编辑器软件odeextensionssdrasgithub永久回家地址.vue-v编辑器和编译器的区别scode-snippets-2.2.0snippvue.js官网ets 一般默许设备了插github官网件之后都会在这个方位能找到。

Vscode开发工具怎样少得了这款插件(妹子快乐了)
翻开vujsone.json参与咱们自github中文官网网页己的装备,github中文社区保存然后重启Vscode。

Vscode开发工具怎样少得了这款插件(妹子快乐了)Vscode开发工具怎样少得了这款插件(妹子快乐了)

3.常用便利键

比方:

vdata

Vscode开发工具怎样少得了这款插件(妹子快乐了)Vscode开发工具怎样少得了这款插件(妹子快乐了)
以下是悉数便利前端开发键的运用github永久回家地址

Vscode开发工具怎样少得了这款插件(妹子快乐了)

具体可前端开发看官网:gjson解析ithub.co编辑器下载m/sdras/vue-前端开发需求把握什么技能v…

总结

运用github中文社区上对的东西,好的东西能够为咱们开发前端开发需求把握什么技能带来很高的功率,防止重复CV,功率高不高全赖东西运用的好不好。