**说明:**在我们运用VSCode进行日常Vue开发时,可以使用定制模板来进行快速开发。
1.找到Vue模板编辑的json
打开VSCode编译器 => 点击文件 => 首选项 => 用户片段 => 在弹出的搜索框中搜索vue.json => 打开json文件!
2.输入你自定义的模板代码
{
"Print to console": {
"prefix": "vue",
"body": [
"<!-- $1 -->",
"<template>",
" <div class = '$2'>"
"$5"
" </div>",
"</template>",
"",
"<script>",
"export default {",
" data() {",
" return {",
" ",
" }",
" },",
" components: {"
" ",
" },",
" methods: {",
" ",
" }",
"}"
"</script>",
"",
"<style lang='scss' scoped>",
" $4",
"</style>"
],
"description": "Log output to console"
}
}
3.保存成功后,进入.vue文件进行测试,输入vue
水平有限,还不能写到尽善尽美,希望大家多多交流,跟春野一同进步!!!