如何利用vscode 自动生成vue模板文件

一、新建一个vue页面,在生成一个vue模板

1.打开vscode,在文件–》首选项–》用户片段中找到 vue.json

2.将vue.json中的内容替换如下!

{
“Print to console”: {
“prefix”: “vue”,
“body”: [
“<template>”,
” <div>”,
” “,
” </div>”,
“</template>”,
“”,
“<script>”,
“export default {“,
” data() {“,
” return {“,
” “,
” }”,
” },”,
” // 生命周期 – 创建完成(访问当前this实例)”,
” created() {“,
” “,
” },”,
” // 生命周期 – 挂载完成(访问DOM元素)”,
” mounted() {“,
” “,
” },”,
” // 存放方法事件 – 会在数据变化时被调用”,
” methods: {“,
” “,
” }”,
“}”,
“</script>”,
“<style scoped>”,
“$4”,
“</style>”
],
“description”: “Log output to console”
}
}

3.新建一个vue页面,输入vue按tab键或者回车键,效果如下!

<template>
<div>
</div>
</template>
<script>
export default {
data() {
return{
}
//生命周期-创建完成(访间当前this实例)
created() {
},
生命周期-挂载完成(访问DoM元素)
mounted () {
},
//存放方法事件-会在数据变化时被调用
methods:{
}

————下载必看————

1、资源通过互联网渠道公开获取,仅供阅读测试,请在下载后24小时内删除,谢谢合作!
2、本站解压密码统一为:yudouyudou
3、本站微信客服/失效补发:rsst58
4、若版权方认为本站侵权,请联系发邮件至(rsstime@qq.com)处理。
5、关于下载,播放声音字幕,解压等问题,请点击查看>>常见问题
时光屋 » 如何利用vscode 自动生成vue模板文件

发表评论

至臻视听_发烧收藏

会员介绍 常见问题