div设置高度 vue_VsCode常用设置（新手必备！）

很多同学会有疑问，为什么我看到很多大牛的视频里面敲代码的时候，输入一个template，就会出现一大块代码。

为什么我输入一个template，只有这一个单词，啥也没出来

别墨迹，快解决

闲话不多说，我们就来聊一聊如何--懒省事（在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 lang='scss'>","","</style>",]}
}

最后输入”vue”，就能直接出现这个代码模板了

这个功能不只是可以设置模板，我们还能把偷懒发挥到极致——

比方说：你在写标签的时候，一些新增的语义化标签的代码提示并不完整，嘿嘿嘿......推到

比方说：<figcaption> 记不住，可以去html的模板里给他设置成”fi”，嘿嘿嘿.....继续推到

比方说：我们常用的方法console.log() ，就改成`log`吧，嘿嘿嘿......统统推到

代码谁能比我写的快？还有谁？？？

此文转载自：千锋HTML5学院

原文链接：VsCode常用设置（新手必备！）

Eric：菜鸟面试攻略zhuanlan.zhihu.com

Eric：两个span元素中间的空格间隙zhuanlan.zhihu.com

div设置高度 vue_VsCode常用设置（新手必备！）相关推荐

potplayer最佳设置_PotPlayer调整常用设置让播放器效果更佳的具体操作流程
PotPlayer调整常用设置让播放器效果更佳的具体操作流程作者:小安来源:PC下载网时间:2019-08-05 13:36:30 听说PotPlayer可以支持很多的格式播放,你们知道想要效果最 ...
vue 动态设置div的高度_Vue 动态设置元素高度
1. Vue文件如下 let windowHeight = parseInt(window.innerHeight) export default { data() { return { window ...
android sdk字体设置,Android Studio常用设置(设置ide主题、安装插件、设置编码区字体、自定义sdk位置)...
1 设置ide主题和字体大家刚下载下来的时候,感觉是不是有点儿怪怪的,有点儿2003的感觉,还好,stuido提供修改主题,和window设置主题一样,File->setting->ap ...
html 给div设置高度,div高度设置 DIV 高度篇
DIV 高度教程-DIV的高度设置篇如何对div设置高度呢?答案很简单使用css height样式即可设置div高度. div的高度图我们要对div对象设置高度样式,一般分为设置固定高度,最小高 ...
lable标签的宽度_html中的label标签怎么设置高度？label标签的使用方法介绍
本篇文章主要的介绍的是关于HTML中的label标签设置高度的方法.还有关于HTML label标签的使用方法介绍.下面就让我们一起来看这篇关于html label标签的文章吧首先我们先来看看在ht ...
详解STS（SpringToolSuite）常用设置
详解STS(SpringToolSuite)常用设置大全 STS常用设置详解一.快捷键类设置 1.1.STS常用快捷键 1.2.常用编辑快捷键 1.3.查找和定位快捷键 1.4.调试快捷键二.字体 ...
小狼毫输入法常用设置
小狼毫输入法现在真的比较火, 就是设置有点麻烦常用设置: 1. 中文状态下, shift直接上屏(我是从搜狗输入法转过来的, 所以习惯了...) C:\Users\[username]\AppDat ...
HTML变列自适应布局三行,CSS三行三列DIV高度自适应的设置
上一篇博客里引用了www.52css.com里的一篇关于使用脚本控制三行三列div高度自适应的设置方法,其实不必如此麻烦,只要给父div设置一个固定高度,比如10px,其子div的height:100 ...
css div撑满窗口高度_如何使用CSS将div的高度设置为窗口的100％？
css div撑满窗口高度 Introduction: 介绍: Hello there developers! Well, certainly if you are reading this arti ...

div设置高度 vue_VsCode常用设置（新手必备！）

div设置高度 vue_VsCode常用设置（新手必备！）相关推荐

最新文章

热门文章