vscode vue 模板文件生成

Posted 2023-03-27

参考技术A 打开vscode → 文件 → 首选项 → 用户片段 → vue.json (vue用户片段) → ctrl+s保存

新建vue文件，输入vue 回车

新建vue文件，输入vue 回车

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键，模板就自动生成了:

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