vscode快速生成vue模板
1、安装vscode2、安装Vetur插件3、新建代码片段:File -> Preferences -> Extensions -> vue4、粘贴自己的vue模板:{"Print to console": {"prefix": "vue","body": ["<style lang='scss' scoped>","...
·
1、安装vscode
2、安装Vetur
插件
3、新建代码片段:File -> Preferences -> User Snippets -> vue
4、粘贴自己的vue模板:
{
"Print to console": {
"prefix": "vue",
"body": [
"<template>",
" <div class='$2'>$5</div>",
"</template>",
"",
"<script>",
"export default {",
" data() {",
" return {",
"",
" };",
" },",
" computed: {},",
" watch: {},",
" methods: {",
"",
" },",
" created() {",
"",
" },",
" mounted() {",
"",
" },",
" beforeCreate() {},",
" beforeMount() {},",
" beforeUpdate() {},",
" updated() {},",
" beforeDestroy() {},",
" destroyed() {},",
" activated() {},",
" components: {},",
"}",
"</script>",
"",
"<style lang='scss' scoped>",
"$4",
"</style>"
],
"description": "Log output to console"
}
}
上面代码中的 "prefix": "vue"
, 就是快捷键;
5、保存好之后,新建.vue文件,输入vue,按tab键
更多推荐
已为社区贡献2条内容
所有评论(0)