5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

SublimeTextをVue.jsに対応させる手順

Last updated at Posted at 2020-02-28

はじめに

SublimeTextでVue.jsを扱う際に拡張子(.vue)ファイルをシンタックスハイライトしてくれるプラグイン導入手順です

環境

  • OS:macOS Catalina v10.15.1
  • SublimeText:V3.2.2

前提条件

パッケージコントローラをインストールしていること

※インストールがまだの場合は以下のページを参照
SublimeTextの日本語化手順

Gitリポジトリの追加

コマンドパレットを開く
<ショートカットキー>
 Win/Linux : ctrl+shift+p
 Mac : cmd+shift+p
<メニューから選択>
 メニューバー > Tools > Command Paletteを選択

「Package Control: Add Repository」を入力、選択してEnter
sublimeText#vue1.png

画面下部のURLに
https://github.com/vuejs/vue-syntax-highlight.git
を入力してEnter
sublimeText#vue2.png

プラグインのインストール

コマンドパレットを開いて「Package Control: Install Package」を入力、選択してEnter
sublimeText#vue3.png

「Vue Syntax Highlight」を入力、選択してEnter
※候補が2つ出てきましたがキャメルケースの名前の方を選択しました
sublimeText#vue4.png

以上でプラグインの導入は完了です

あとはSublimeTextを再起動して拡張子「.vue」ファイルを開くとしっかりとシンタックスハイライトしてくれています
sublimeText#vue5.png

5
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
5
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?