vscode设置代码片段(代码模板)
文件 => 首选项 => 用户片段
新建vue.json文件
Ctrl + A 复制如下json文件 替换vue.json中的所有代码
{
"Vue component": {
"prefix": "<>",
"body": [
"<template>",
" <div class='box'>",
" <!-- 内容区域 -->",
" </div>",
"</template>",
"",
"<script>",
"export default {",
" // 组件名称",
" name: '',",
" props: {",
" // 组件参数 接收来自父组件的数据",
" },",
" components: {",
" // 注册组件",
" },",
" created() {",
" // 创建后",
" },",
" mounted() {",
" // 挂载后",
" },",
" data() {",
" return {",
" // 数据",
" }",
" },",
" methods: {",
" // 方法",
" },",
" computed: {",
" // 计算属性",
" },",
" filters: {",
" // 过滤器",
" }",
"}",
"</script>",
"",
"<style lang='less' scoped>",
"// 样式属性,阻止穿透",
"</style>",
""
],
"description": "vue template"
}
}
使用快捷方式 ‘<>’ 就可以快速在组件中创建模板代码啦!!!