vsCode 快速生成vue 模板

Posted 发奋图强_lee

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vsCode 快速生成vue 模板相关的知识,希望对你有一定的参考价值。

1. 用快捷Ctrl + Shift + P唤出控制台

2,然后输入“snippets”并选择

2.接着输入vue,

vs code自动生成vue.json文件。

 

3. 将vue.json文件改为下面得模板(可以根据个人需求修改当中的模板内容)   


      
        "Print to console": 
            "prefix": "vue",
            "body": [
                "<template>",
                "  <div">$0</div>",
                "</template>",
                "",
                "<script>",
                "export default ",
                "  components: ,",
                "  props: ,",
                "  data() ",
                "    return ",
                "    ;",
                "  ,",
                "  watch: ,",
                "  computed: ,",
                "  methods: ,",
                "  created() ,",
                "  mounted() ",
                ";",
                "</script>",
                "<style lang=\\"scss\\" scoped>",
                "</style>"
            ],
            "description": "A vue file template"
        
    

然后新建一个 vue 文件,输入“vue”,按下回车键或者Tab键,模板就自动生成了:

 ================================================

 

以上是关于vsCode 快速生成vue 模板的主要内容,如果未能解决你的问题,请参考以下文章

在vscode中快速生成vue模板

vscode之快速生成vue模板

VSCode 自定义Vue snippets, 快速生成Vue模板

vscode vue 模板文件生成

使用vscode快速建立vue模板

vsCode写vue项目一键生成.vue模板