Get the App
SLTechnology News&Howtos  ›  Internet Technology  › 

How to make vue File template by sublime text3

Shulou Source: shulou.com Published: 2022-06-02 05:01:25 09月29日 Update

This article will explain in detail how sublime text3 makes vue file templates. The editor thinks it is very practical, so I share it for you as a reference. I hope you can get something after reading this article.

1. Install the SublimeTmpl template

two。 Create a vue template

2.1 create a new vue.tmpl file under the path: Sublime Text 3PackagesSublimeTmpltemplates: 2.2.Open Default.sublime-commands, copy and paste the following configuration, {"caption": "Tmpl: Create vue", "command": "sublime_tmpl", "args": {"type": "vue"} 2.3 same location as the previous step Open the Key Bindings-Default settings hotkey [{"keys": ["ctrl+alt+e"], "command": "sublime_tmpl", "args": {"type": "vue"}, "context": [{"key": "sublime_tmpl.vue"}]}]

Now you can use Ctrl+Alt+e to create a new vue template

3. Highlight .vue fil

Install the plug-in vue-syntax-highlight

After creating a new vue file, it is proved that it is OK if it is shown as vue Component in the lower right corner.

If not, press Ctrl+Shift+P and enter Vue to switch to set Syntax:Vue Component.

On "sublime text3 how to make vue file template" this article is shared here, I hope the above content can be of some help to you, so that you can learn more knowledge, if you think the article is good, please share it out for more people to see.

Tags: Files templates articles production more good practical location content plug-ins articles steps hotkeys knowledge path highlight Lixin previous switch reference Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno vpn NVidia MySQL Apple Redmi