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

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

藏色散人
リリース: 2021-11-02 19:23:05
転載
3123 人が閲覧しました

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 チュートリアル

列をご覧ください:

https://www.php.cn/tool/sublime/

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

関連ラベル:
ソース:segmentfault.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート