VsCode常用设置有哪些

52次阅读

没有评论

共计 1032 个字符，预计需要花费 3 分钟才能阅读完成。

这篇文章主要讲解了“VsCode 常用设置有哪些”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着丸趣 TV 小编的思路慢慢深入，一起来研究和学习“VsCode 常用设置有哪些”吧！

首先：我们要找到这个模板设置的入口

在文件 – 首选项 – 用户代码片段

选中以后，会出现下面这个输入框，假如你想设置.vue 文件的模板，可以新建一个 vue.json 全局代码片段文件，输入 vue.json 然后回车。

好了，接下来你可以把那些没必要的注释删掉，只需要在这个 json 文件里面输入以下内容

好吧，解释一下

这里的 prefix 是你在编辑器里输入的内容，就好像创建 html 文件的时候，输入的英文感叹号

body 就是你回车以后出现的内容

注意，这里的 body 是一个数组，每一行的内容都是数组里的每一项，并且需要用引号引起来。

是不是跟着敲好了？

接下来，保存之后，就可以回到我们的.vue 文件里面尝试一下

当然如果你觉得这还不够，我们依旧可以在那个 json 文件里面继续输入

接下来你就可以输入”js”，就能出现下面 body 里面的代码。

太棒了，我们已经知道了如何创建一个小的片段

那么我们为何不一步到位，直接创建一个完整的 vue 文件模板呢？

接下来好心的我吧代码贴出来，直接拿去用吧！！！

{
 vue-template : {
 prefix : vue ,
 body : [
 template ,
   div /div ,
 /template ,
 ,
 script ,
 export default {,
 data() { ,
 return {}; ,
 }, ,
 ,
 components: {}, ,
 ,
 computed:{}, ,
 ,
 mounted () {}, ,
 ,
 methods: {}, ,
 } ,
 /script ,
 ,
 style scoped ,
 ,
 /style ,
 ]
 }
}