ホームページ >開発ツール >sublime >vueファイルテンプレートを取得するためのsublime text3を紹介した記事

vueファイルテンプレートを取得するためのsublime text3を紹介した記事

藏色散人
藏色散人転載
2021-08-31 16:27:273127ブラウズ

sublime text3 vue ファイルのテンプレートを作成します!以下の sublime チュートリアル コラムでは、崇高なテキストを含む vue ファイル テンプレートを作成する方法を紹介します3。

1. SublimeTmpl テンプレートをインストールします

インストールが完了すると、SublimeTmpl
下の図が表示されます

vueファイルテンプレートを取得するためのsublime text3を紹介した記事

##2. vue テンプレートの作成

2.1 パスの下に新しい vue.tmpl ファイルを作成します: Sublime Text 3PackagesSublimeTmpltemplates:

<template>
    
</template>

<script>
    
</script>

<style>
    
</style>

2.2 Default.sublime-commands を開き、次の設定をコピーして貼り付けます

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

vueファイルテンプレートを取得するためのsublime text3を紹介した記事##2.3 前の手順と同じように、Key Bindings-Default を開き、ホットキーを設定します

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

これで、

Ctrl Alt e

を使用して、新しい vue テンプレートを作成できます

3. .vue ファイル

## を強調表示します。 #プラグインのインストール vue-syntax-highlight

新しい vue ファイルを作成した後、右下隅に vue コンポーネントが表示されていれば、OK です。 そうでない場合は、Ctrl Shift P を押して Vue と入力し、構文: Vue コンポーネントの設定に切り替えます。
さらに崇高な関連知識については、
sublime チュートリアル

列をご覧ください:

//m.sbmmt.com/tool/sublime/

以上がvueファイルテンプレートを取得するためのsublime text3を紹介した記事の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。