Home  >  Article  >  Development Tools  >  An article introducing sublime text3 to get the vue file template

An article introducing sublime text3 to get the vue file template

藏色散人
藏色散人forward
2021-08-31 16:27:272992browse

sublime text3 Make vue file template! Below, the sublime tutorial column will introduce to you how to make a vue file template with sublime text3. I hope it will be helpful to friends in need!

1. Install the SublimeTmpl template

After the installation is completedSublimeTmpl
you can see the picture below

An article introducing sublime text3 to get the vue file template

2. Create a vue template

2.1 Create a new vue.tmpl file under the path: Sublime Text 3PackagesSublimeTmpltemplates:

<template>
    
</template>

<script>
    
</script>

<style>
    
</style>

2.2 Open Default.sublime-commands, copy and paste the following configuration

,{
    "caption": "Tmpl: Create vue", "command": "sublime_tmpl",
    "args": {"type": "vue"}
}

An article introducing sublime text3 to get the vue file template

##2.3 Same as the previous step, open Key Bindings-Default and set the hotkey

[
    {
        "keys": ["ctrl+alt+e"], "command": "sublime_tmpl",
        "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]
    }
]

Now you You can use

Ctrl Alt e to create a new vue template

3. Highlight the .vue file

Install the plug-in

vue-syntax-highlight After creating a new vue file, if it shows vue Component in the lower right corner, it proves that it is OK.
If not, press Ctrl Shift P and enter Vue to switch to set Syntax: Vue Component.

For more sublime-related knowledge, please visit the

sublime tutorial column: //m.sbmmt.com/tool/sublime/

The above is the detailed content of An article introducing sublime text3 to get the vue file template. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:segmentfault.com. If there is any infringement, please contact admin@php.cn delete